@intlayer/docs 9.5.4 → 9.5.6

package/docs/fr/releases/v8.md

@@ -1325,10 +1325,6 @@ Intlayer génère désormais automatiquement des sitemaps en fonction de vos loc
 import { createFileRoute } from "@tanstack/react-router";
 import { generateSitemap } from "intlayer";
 
-const SITE_URL = (
-  import.meta.env.VITE_SITE_URL ?? "http://localhost:3000"
-).replace(/\/$/, "");
-
 export const Route = createFileRoute("/sitemap.xml")({
   server: {
     handlers: {
@@ -1338,7 +1334,7 @@ export const Route = createFileRoute("/sitemap.xml")({
             { path: "/", changefreq: "daily", priority: 1.0 },
             { path: "/about", changefreq: "monthly", priority: 0.8 },
           ],
-          { siteUrl: SITE_URL }
+          { siteUrl: "https://example.com" }
         );
 
         return new Response(sitemap, {

package/docs/hi/how_works_intlayer.md

@@ -1,6 +1,6 @@
 ---
 createdAt: 2024-08-12
-updatedAt: 2025-06-29
+updatedAt: 2026-09-19
 title: Intlayer कैसे काम करता है
 description: जानें कि Intlayer आंतरिक रूप से कैसे काम करता है। समझें कि Intlayer को शक्तिशाली बनाने वाली संरचना और घटक क्या हैं।
 keywords:
@@ -135,49 +135,105 @@ Intlayer कई पैकेजों से बना है, जिनमे
 
 `intlayer` पैकेज का उपयोग एप्लिकेशन में सामग्री फ़ाइलों में सामग्री घोषित करने के लिए किया जाता है।
 
-### react-intlayer
+### फ़्रंटएंड फ़्रेमवर्क
+
+<Tabs group="framework">
+  <Tab label="React" value="react">
 
 `react-intlayer` पैकेज का उपयोग Intlayer डिक्शनरीज़ की व्याख्या करने और उन्हें React एप्लिकेशन में उपयोगी बनाने के लिए किया जाता है।
 
-### next-intlayer
+  </Tab>
+  <Tab label="Next.js" value="nextjs">
 
 `next-intlayer` पैकेज का उपयोग `react-intlayer` के ऊपर एक लेयर के रूप में किया जाता है ताकि Intlayer डिक्शनरीज़ को Next.js एप्लिकेशन में उपयोगी बनाया जा सके। इसमें Next.js वातावरण में Intlayer को काम करने के लिए आवश्यक सुविधाएँ शामिल हैं, जैसे अनुवाद मिडलवेयर, रूटिंग, या `next.config.js` फ़ाइल कॉन्फ़िगरेशन।
 
-### vue-intlayer
+  </Tab>
+  <Tab label="Vue" value="vue">
 
 `vue-intlayer` पैकेज का उपयोग Intlayer डिक्शनरीज़ की व्याख्या करने और उन्हें Vue एप्लिकेशन में उपयोगी बनाने के लिए किया जाता है।
 
-### nuxt-intlayer
+  </Tab>
+  <Tab label="Nuxt" value="nuxt">
 
 `nuxt-intlayer` पैकेज Nuxt मॉड्यूल के रूप में है ताकि Intlayer डिक्शनरीज़ को Nuxt एप्लिकेशन में उपयोगी बनाया जा सके। यह Intlayer को Nuxt वातावरण में काम करने के लिए आवश्यक सुविधाओं को एकीकृत करता है, जैसे अनुवाद मिडलवेयर, रूटिंग, या `nuxt.config.js` फ़ाइल कॉन्फ़िगरेशन।
 
-### svelte-intlayer (कार्य प्रगति पर)
+  </Tab>
+  <Tab label="Svelte" value="svelte">
 
 `svelte-intlayer` पैकेज का उपयोग Intlayer डिक्शनरीज़ की व्याख्या करने और उन्हें Svelte एप्लिकेशन में उपयोगी बनाने के लिए किया जाता है।
 
-### solid-intlayer (कार्य प्रगति पर)
+  </Tab>
+  <Tab label="Solid" value="solid">
 
 `solid-intlayer` पैकेज का उपयोग Intlayer डिक्शनरीज़ की व्याख्या करने और उन्हें Solid.js एप्लिकेशन में उपयोगी बनाने के लिए किया जाता है।
 
-### preact-intlayer
+  </Tab>
+  <Tab label="Preact" value="preact">
 
 `preact-intlayer` पैकेज का उपयोग Intlayer डिक्शनरीज़ की व्याख्या करने और उन्हें Preact एप्लिकेशन में उपयोगी बनाने के लिए किया जाता है।
 
-### angular-intlayer (कार्य प्रगति पर)
+  </Tab>
+  <Tab label="Angular" value="angular">
 
 `angular-intlayer` पैकेज का उपयोग Intlayer डिक्शनरीज़ की व्याख्या करने और उन्हें Angular एप्लिकेशन में उपयोगी बनाने के लिए किया जाता है।
 
-### express-intlayer
+  </Tab>
+  <Tab label="Astro" value="astro">
 
-`express-intlayer` पैकेज का उपयोग Express.js बैकएंड पर Intlayer का उपयोग करने के लिए किया जाता है।
+`astro-intlayer` पैकेज Intlayer को Astro एप्लिकेशनों में इंटीग्रेट करने के लिए आवश्यक टूल प्रदान करता है। यह locale-आधारित राउटिंग और डिक्शनरी प्रबंधन को कॉन्फ़िगर करता है।
+
+  </Tab>
+  <Tab label="Remix" value="remix">
+
+`remix-intlayer` पैकेज Intlayer को Remix एप्लिकेशनों में इंटीग्रेट करने के लिए आवश्यक टूल प्रदान करता है। यह locale-आधारित राउटिंग, सर्वर-साइड संदर्भ और डिक्शनरी प्रबंधन को कॉन्फ़िगर करता है।
 
-### react-native-intlayer
+  </Tab>
+  <Tab label="React Native" value="react-native">
 
 `react-native-intlayer` पैकेज Intlayer को Metro बंडलर के साथ काम करने के लिए प्लगइन्स को एकीकृत करने वाले उपकरण प्रदान करता है।
 
-### lynx-intlayer
+  </Tab>
+  <Tab label="Lit" value="lit">
+
+`lit-intlayer` पैकेज Lit अनुप्रयोगों में Intlayer शब्दकोशों की व्याख्या करने और उनका उपयोग करने के लिए उपकरण और घटक प्रदान करता है।
+
+  </Tab>
+  <Tab label="Vanilla JS" value="vanilla">
+
+`vanilla-intlayer` पैकेज वैनिला JavaScript, HTML या PHP अनुप्रयोगों में Intlayer को एकीकृत करने के लिए उपकरण प्रदान करता है।
+
+  </Tab>
+</Tabs>
+
+### बैकएंड फ़्रेमवर्क
+
+<Tabs group="backend">
+  <Tab label="Express" value="express">
+
+`express-intlayer` पैकेज का उपयोग Express.js बैकएंड पर Intlayer का उपयोग करने के लिए किया जाता है।
+
+  </Tab>
+  <Tab label="Fastify" value="fastify">
+
+`fastify-intlayer` पैकेज Fastify एप्लिकेशनों के लिए एक प्लगइन प्रदान करता है जो internationalization को संभालता है। यह उपयोगकर्ता की locale का पता लगाता है और request ऑब्जेक्ट को सजाता है।
 
-`lynx-intlayer` पैकेज Intlayer को Lynx बंडलर के साथ काम करने के लिए प्लगइन्स को एकीकृत करने वाले उपकरण प्रदान करता है।
+  </Tab>
+  <Tab label="Hono" value="hono">
+
+`hono-intlayer` पैकेज अंतर्राष्ट्रीयकरण को संभालने के लिए Hono अनुप्रयोगों के लिए एक मिडलवेयर प्रदान करता है। यह उपयोगकर्ता के लोकेल का पता लगाता है और संदर्भ ऑब्जेक्ट को भरता है।
+
+  </Tab>
+  <Tab label="Elysia" value="elysia">
+
+`elysia-intlayer` पैकेज Elysia एप्लिकेशनों के लिए एक प्लगइन प्रदान करता है जो internationalization को संभालता है। यह उपयोगकर्ता की locale का पता लगाता है और route context में एक `intlayer` ऑब्जेक्ट इंजेक्ट करता है।
+
+  </Tab>
+  <Tab label="AdonisJS" value="adonis">
+
+`adonis-intlayer` पैकेज AdonisJS अनुप्रयोगों के लिए अंतर्राष्ट्रीयकरण को संभालने के लिए एक मिडलवेयर प्रदान करता है। यह उपयोगकर्ता के लोकेल का पता लगाता है और अनुवाद फ़ंक्शन प्रदान करता है।
+
+  </Tab>
+</Tabs>
 
 ### vite-intlayer
 
@@ -187,6 +243,10 @@ Intlayer को [Vite बंडलर](https://vite.dev/guide/why.html#why-bundl
 
 `react-scripts-intlayer` कमांड और प्लगइन्स शामिल करता है जो Create React App आधारित एप्लिकेशन के साथ Intlayer को एकीकृत करने के लिए हैं। ये प्लगइन्स [craco](https://craco.js.org/) पर आधारित हैं और [Webpack](https://webpack.js.org/) बंडलर के लिए अतिरिक्त कॉन्फ़िगरेशन शामिल करते हैं।
 
+### eslint-plugin-intlayer
+
+`eslint-plugin-intlayer` पैकेज अनुवाद न किए गए स्ट्रिंग्स को पकड़ने, शब्दकोश परिभाषाओं को सत्यापित करने और i18n सर्वोत्तम प्रथाओं को लागू करने के लिए ESLint और oxlint नियम प्रदान करता है।
+
 ### intlayer-editor
 
 `intlayer-editor` पैकेज का उपयोग विज़ुअल एडिटर का उपयोग करने की अनुमति देने के लिए किया जाता है। यह पैकेज, वैकल्पिक, एप्लिकेशनों में इंस्टॉल किया जा सकता है और इसे `react-intlayer` पैकेज द्वारा उपयोग किया जाएगा।  
@@ -220,6 +280,18 @@ Intlayer को [Vite बंडलर](https://vite.dev/guide/why.html#why-bundl
 
 `@intlayer/mcp` पैकेज एक MCP (मॉडल संदर्भ प्रोटोकॉल) सर्वर प्रदान करता है जो Intlayer इकोसिस्टम के लिए अनुकूलित AI-संचालित IDE सहायता प्रदान करता है। यह स्वचालित रूप से दस्तावेज़ीकरण लोड करता है और Intlayer CLI के साथ एकीकृत होता है।
 
+### @intlayer/lsp
+
+`@intlayer/lsp` पैकेज Intlayer के लिए Language Server Protocol (LSP) सर्वर प्रदान करता है। यह परिभाषा पर जाएं, संदर्भ खोजें, होवर पूर्वावलोकन, शब्दकोश कुंजियों का स्वतः-पूर्ण और निदान चेतावनियों जैसी IDE सुविधाएं लाता है।
+
+### @intlayer/ai
+
+`@intlayer/ai` पैकेज Intlayer अनुप्रयोगों के लिए SDK क्षमताएं प्रदान करता है, जो स्वचालित अनुवाद और AI-संचालित सामग्री निर्माण को सक्षम बनाता है।
+
+### @intlayer/analytics
+
+`@intlayer/analytics` पैकेज सामग्री इंप्रेशन मेट्रिक्स, पृष्ठ/लोकेल और नोड-स्तरीय विश्लेषण एकत्र करने के लिए उपकरण प्रदान करता है, और सामग्री A/B परीक्षण को सक्षम करता है।
+
 ### @intlayer/dictionaries-entry
 
 `@intlayer/dictionaries-entry` पैकेज Intlayer शब्दकोशों का एंट्री पथ लौटाता है: इसके रूट से मर्ज किए गए शब्दकोश, और इसके `/unmerged`, `/remote`, `/dynamic` और `/fetch` सबपाथ से अनमर्ज, रिमोट, डायनामिक और fetch शब्दकोश। चूंकि ब्राउज़र से फ़ाइल सिस्टम की खोज असंभव है, इसलिए Webpack या Rollup जैसे बंडलर्स का उपयोग करके शब्दकोशों का एंट्री पथ प्राप्त करना संभव नहीं है। यह पैकेज और इसके सबपाथ alias किए जाने के लिए डिज़ाइन किए गए हैं, जिससे Vite, Webpack, और Turbopack जैसे विभिन्न बंडलर्स में बंडलिंग अनुकूलन की अनुमति मिलती है।

package/docs/hi/intlayer_visual_editor.md

@@ -278,6 +278,13 @@ pnpm intlayer-editor start -e development
 
 यह विकास और स्टेजिंग परिवेशों के लिए डिज़ाइन किया गया है, जहाँ संपादन के बाद रीबिल्ड स्वीकार्य है। लाइव प्रोडक्शन साइट पर सामग्री संपादित करने के लिए, [Intlayer CMS](https://github.com/aymericzip/intlayer/blob/main/docs/docs/hi/intlayer_CMS.md) की सिफारिश की जाती है।
 
+</Question>
+<Question title="विज़ुअल एडिटर की क्या लागत है? यदि मुझे इसकी आवश्यकता नहीं है तो क्या यह ज़रूरत से ज़्यादा है?">
+
+यदि Intlayer विज़ुअल एडिटर सेटअप नहीं किया गया है, तो इसका आपके एप्लिकेशन पर **शून्य प्रभाव (zero cost)** होता है। अतिरिक्त लॉजिक केवल तभी लोड होता है जब इसे स्पष्ट रूप से सक्षम किया गया हो और इसकी आवश्यकता हो।
+
+सक्षम होने पर भी, इसका प्रभाव बेहद हल्का होता है (+5 KB, केवल सक्रिय होने पर गतिशील रूप से लोड होता है) क्योंकि मुख्य लॉजिक [app.intlayer.org](https://app.intlayer.org) पर सर्वर एडिटर या `intlayer-editor` पैकेज द्वारा संभाला जाता है। यदि आपको विज़ुअल एडिटिंग के बिना केवल एक सरल अनुवाद समाधान की आवश्यकता है, तो Intlayer आपके ऐप पर कोई अतिरिक्त बोझ नहीं डालता है।
+
 </Question>
 <Question title="क्या विज़ुअल एडिटर मुफ़्त है?">
 

package/docs/hi/intlayer_with_astro.md

@@ -1,6 +1,6 @@
 ---
 createdAt: 2024-03-07
-updatedAt: 2026-06-23
+updatedAt: 2026-09-20
 title: "Astro i18n - अपने ऐप को अनुवाद करने का पूर्ण गाइड"
 description: "अब i18next की जरूरत नहीं। 2026 में Astro ऐप को बहुभाषी (i18n) बनाने का गाइड। AI एजेंट्स से अनुवाद करें और बंडल साइज़, SEO और परफॉर्मेंस ऑप्टिमाइज़ करें।"
 keywords:
@@ -18,6 +18,9 @@ slugs:
 applicationTemplate: https://github.com/aymericzip/intlayer-astro-template
 applicationShowcase: https://intlayer-astro-template.vercel.app
 history:
+  - version: 9.5.5
+    date: 2026-09-19
+    changes: "astro-intlayer में useIntlayer / useLocale हुक्स और Astro.locals मिडलवेयर जोड़ा गया"
   - version: 8.9.0
     date: 2026-05-04
     changes: "सॉलिड useIntlayer API उपयोग को सीधे प्रॉपर्टी एक्सेस में अपडेट करें"
@@ -152,7 +155,7 @@ bun add intlayer astro-intlayer
   मुख्य पैकेज जो कॉन्फ़िगरेशन प्रबंधन, अनुवाद, [सामग्री घोषणा](https://github.com/aymericzip/intlayer/blob/main/docs/docs/hi/dictionary/content_file.md), ट्रांसपाइलेशन और [CLI कमांड](https://github.com/aymericzip/intlayer/blob/main/docs/docs/hi/cli/index.md) के लिए i18n टूल प्रदान करता है।
 
 - **astro-intlayer**
-  Intlayer को [Vite बंडलर](https://vite.dev/guide/why.html#why-bundle-for-production) के साथ जोड़ने के लिए Astro एकीकरण प्लगइन, साथ ही उपयोगकर्ता की पसंदीदा भाषा का पता लगाने, कुकीज़ प्रबंधित करने और URL रीडायरेक्ट को संभालने के लिए मिडलवेयर शामिल है।
+  Intlayer को [Vite बंडलर](https://vite.dev/guide/why.html#why-bundle-for-production) के साथ एकीकृत करने के लिए Astro एकीकरण प्लगइन, प्रत्येक अनुरोध के लोकेल को `Astro.locals.intlayer` में हल करने वाला एक मिडलवेयर, और `useIntlayer` / `useDictionary` / `useLocale` हुक्स शामिल हैं। वही आयात पथ आपके `.astro` फ्रंटमैट में सर्वर कार्यान्वयन और `<script>` ब्लॉक में क्लाइंट कार्यान्वयन (`vanilla-intlayer` द्वारा समर्थित) को हल करता है।
 
 </Step>
 <Step number={2} title="अपना प्रोजेक्ट कॉन्फ़िगर करें">
@@ -230,26 +233,28 @@ export default appContent;
 </Step>
 <Step number={5} title="Astro में सामग्री का उपयोग करना">
 
-आप सीधे अपने `.astro` फ़ाइलों में `intlayer` से निर्यात किए गए मुख्य सहायकों का उपयोग करके शब्दकोशों का उपयोग कर सकते हैं।
+`astro-intlayer` द्वारा निर्यात किए गए हुक्स के साथ `.astro` फ़ाइलों में अपने शब्दकोशों का उपयोग करें। वे `react-intlayer` के समान हस्ताक्षर साझा करते हैं: `useIntlayer("key")` एक शब्दकोश की सामग्री लौटाता है और `useLocale()` बिना किसी तर्क के वर्तमान लोकेल लौटाता है।
+
+लोकेल `astro-intlayer` मिडलवेयर से आता है, जिसे एकीकरण आपके अपने `src/middleware.ts` से पहले पंजीकृत करता है। यह प्रत्येक अनुरोध के लिए इसे URL उपसर्ग, फिर क्लाइंट द्वारा सहेजे गए लोकेल (कुकी या हेडर), फिर `Accept-Language` से हल करता है, और इसे `Astro.locals.intlayer` में संग्रहीत करता है। प्री-रेंडर किए गए पृष्ठ केवल URL का उपयोग करते हैं, क्योंकि वे प्रत्येक आगंतुक के लिए एक बार रेंडर होते हैं।
+
+आपको प्रत्येक पृष्ठ पर hreflang और विहित (canonical) लिंक जैसे SEO मेटाडेटा भी जोड़ना चाहिए और उपयोगकर्ताओं को भाषा बदलने की अनुमति देने के लिए एक भाषा स्विचर शामिल करना चाहिए।
 
 ```astro fileName="src/pages/index.astro"
 ---
+import { useIntlayer, useLocale } from "astro-intlayer";
 import {
-  getIntlayer,
-  getLocaleFromPath,
   getLocalizedUrl,
   defaultLocale,
   localeMap,
   getHTMLTextDir,
-  type LocalesValues,
 } from "intlayer";
 import LocaleSwitcher from "../components/LocaleSwitcher.astro";
 
-// Get the current locale from the URL (e.g. /es/about -> 'es')
-const locale = getLocaleFromPath(Astro.url.pathname) as LocalesValues;
+// मिडलवेयर द्वारा हल किया गया लोकेल (उदा. /hi/about -> 'hi')
+const { locale } = useLocale();
 
-// Get the content for the 'app' dictionary
-const { title } = getIntlayer("app", locale);
+// उस लोकेल के लिए 'app' शब्दकोश की सामग्री
+const { title } = useIntlayer("app");
 ---
 
 <!doctype html>
@@ -301,6 +306,8 @@ const { title } = getIntlayer("app", locale);
 </html>
 ```
 
+> `Astro.locals.intlayer` आपके अपने मिडलवेयर और एंडपॉइंट्स के लिए `locale`, `defaultLocale` और `availableLocales` भी प्रदर्शित करता है। एक कॉल के लिए अनुरोध लोकेल को ओवरराइड करने के लिए दूसरे तर्क के रूप में एक लोकेल या चयनकर्ता पास करें (`useIntlayer("app", "fr")`, `useIntlayer("faq", { item: 2 })`)।
+
 </Step>
 <Step number={6} title="स्थानीयकृत रूटिंग">
 
@@ -325,44 +332,51 @@ Astro एकीकरण एक Vite मिडलवेयर जोड़ता
 
 ```astro fileName="src/components/LocaleSwitcher.astro"
 ---
-import {
-  locales,
-  getLocaleName,
-  getLocalizedUrl,
-  getLocaleFromPath,
-  getPathWithoutLocale,
-  type LocalesValues,
-} from "intlayer";
+import { useLocale } from "astro-intlayer";
+import { getLocaleName, getLocalizedUrl, getPathWithoutLocale } from "intlayer";
 
-const locale = getLocaleFromPath(Astro.url.pathname) as LocalesValues;
+const { locale, availableLocales } = useLocale();
 const pathWithoutLocale = getPathWithoutLocale(Astro.url.pathname);
 ---
 
-<nav>
-  {
-    locales.map((localeItem) => (
-      <a
-        href={getLocalizedUrl(pathWithoutLocale, localeItem)}
-        data-locale={localeItem}
-        aria-current={localeItem === locale ? "page" : undefined}
-      >
-        {getLocaleName(localeItem)}
-      </a>
-    ))
-  }
+<nav aria-label="Languages">
+  <ul>
+    {
+      availableLocales.map((localeItem) => (
+        <li key={localeItem} class="p-1">
+          <a
+            href={getLocalizedUrl(pathWithoutLocale, localeItem)}
+            data-locale={localeItem}
+            aria-current={localeItem === locale ? "page" : undefined}
+          >
+            {getLocaleName(localeItem)}
+          </a>
+        </li>
+      ))
+    }
+  </ul>
 </nav>
 
 <script>
-  import { setLocaleInStorageClient, getLocalizedUrl, type LocalesValues } from "intlayer";
+  // ब्राउज़र में, वही आयात क्लाइंट कार्यान्वयन को हल करता है
+  import { useLocale } from "astro-intlayer";
+  import { getLocalizedUrl, type LocalesValues } from "intlayer";
+
+  // विकल्प को लोकेल कुकी में सहेजता है, फिर स्थानीयकृत URL पर नेविगेट करता है
+  const { setLocale } = useLocale({
+    onLocaleChange: (newLocale) => {
+      window.location.href = getLocalizedUrl(window.location.pathname, newLocale);
+    },
+  });
 
   const localeLinks = document.querySelectorAll("[data-locale]");
 
   localeLinks.forEach((link) => {
-    link.addEventListener("click", (e) => {
+    link.addEventListener("click", (event) => {
       const locale = link.getAttribute("data-locale") as LocalesValues;
 
-      // Update the locale cookie
-      setLocaleInStorageClient(locale);
+      event.preventDefault();
+      setLocale(locale);
     });
   });
 </script>
@@ -372,6 +386,13 @@ const pathWithoutLocale = getPathWithoutLocale(Astro.url.pathname);
     display: flex;
     gap: 1rem;
   }
+  ul {
+    display: flex;
+    list-style: none;
+    padding: 0;
+    margin: 0;
+    gap: 0.5rem;
+  }
   a[aria-current="page"] {
     font-weight: bold;
     text-decoration: underline;
@@ -379,8 +400,11 @@ const pathWithoutLocale = getPathWithoutLocale(Astro.url.pathname);
 </style>
 ```
 
-> **स्थिरता पर ध्यान दें:**
-> क्लाइंट-साइड स्क्रिप्ट में `setLocaleInStorageClient` का उपयोग यह सुनिश्चित करता है कि उपयोगकर्ता की भाषा प्राथमिकता कुकी में सहेजी गई है। यह Intlayer मिडलवेयर को विकल्प याद रखने और भविष्य की यात्राओं पर उपयोगकर्ता को स्वचालित रूप से उनकी पसंदीदा भाषा में रीडायरेक्ट करने की अनुमति देता है।
+> **स्थिरता पर नोट:**
+> क्लाइंट-साइड `useLocale` से `setLocale` उपयोगकर्ता की भाषा प्राथमिकता को कुकी में सहेजता है। यह Intlayer को पसंद याद रखने और भविष्य की यात्राओं पर उपयोगकर्ता को उनकी पसंदीदा भाषा में स्वचालित रूप से पुनर्निर्देशित करने की अनुमति देता है: ऑन-डिमांड रेंडर किए गए पेज (`output: 'server'` या `prerender = false` वाला एडेप्टर) किसी भी HTML को भेजे जाने से पहले Intlayer मिडलवेयर द्वारा पुनर्निर्देशित किए जाते हैं, जबकि प्री-रेंडर किए गए पेज, जो स्थिर फ़ाइलों के रूप में प्रस्तुत किए जाते हैं, एक छोटी स्क्रिप्ट द्वारा पुनर्निर्देशित किए जाते हैं जिसे एकीकरण प्रत्येक पेज में इंजेक्ट करता है। दोनों को बंद करने के लिए `routing.enableProxy` को `false` पर सेट करें। `astro dev` में, कुकी को पुनर्निर्देशन स्रोत के रूप में तब तक अनदेखा किया जाता है जब तक कि `routing.enableProxy` को `true` पर सेट न किया गया हो, ताकि कोई पुरानी कुकी उन पेजों को हाईजैक न कर सके जिन पर आप काम कर रहे हैं।
+>
+> **सर्वर / क्लाइंट अंतर-संगतता:**
+> `astro-intlayer` फ्रंटमैट में अपने सर्वर हुक्स (`Astro.locals` पढ़ना) और `<script>` ब्लॉक और आइलैंड्स में `vanilla-intlayer` के क्लाइंट हुक्स को समान नाम और सामग्री संरचना के साथ हल करता है। `setLocale` और `onChange` केवल क्लाइंट पर कार्य करते हैं, क्लाइंट स्टोर को इनिशियलाइज़ करने के लिए वहां एक बार `installIntlayer()` को कॉल करें। `astro-intlayer/client` क्लाइंट प्रविष्टि को स्पष्ट रूप से प्रदर्शित करता है।
 
 </Step>
 <Step number={8} title="Sitemap और Robots.txt">
@@ -404,10 +428,10 @@ const pathList: SitemapUrlEntry[] = [
   { path: "/about", changefreq: "monthly", priority: 0.7 },
 ];
 
-const SITE_URL = import.meta.env.SITE ?? "http://localhost:4321";
-
 export const GET: APIRoute = async ({ site }) => {
-  const xmlOutput = generateSitemap(pathList, { siteUrl: SITE_URL });
+  const xmlOutput = generateSitemap(pathList, {
+    siteUrl: "https://example.com",
+  });
 
   return new Response(xmlOutput, {
     headers: { "Content-Type": "application/xml" },
@@ -448,11 +472,12 @@ export const GET: APIRoute = ({ site }) => {
 
 अपनी पसंद के फ्रेमवर्क का उपयोग करके अपना एप्लिकेशन बनाना जारी रखें।
 
-- Intlayer + React: [React के साथ Intlayer](https://github.com/aymericzip/intlayer/blob/main/docs/docs/hi/intlayer_with_vite+react.md)
-- Intlayer + Vue: [Vue के साथ Intlayer](https://github.com/aymericzip/intlayer/blob/main/docs/docs/hi/intlayer_with_vite+vue.md)
-- Intlayer + Svelte: [Svelte के साथ Intlayer](https://github.com/aymericzip/intlayer/blob/main/docs/docs/hi/intlayer_with_vite+svelte.md)
-- Intlayer + Solid: [Solid के साथ Intlayer](https://github.com/aymericzip/intlayer/blob/main/docs/docs/hi/intlayer_with_vite+solid.md)
-- Intlayer + Preact: [Preact के साथ Intlayer](https://github.com/aymericzip/intlayer/blob/main/docs/docs/hi/intlayer_with_vite+preact.md)
+- Intlayer + React: [React के साथ Intlayer](https://github.com/aymericzip/intlayer/blob/main/docs/docs/hi/intlayer_with_astro_react.md)
+- Intlayer + Vue: [Vue के साथ Intlayer](https://github.com/aymericzip/intlayer/blob/main/docs/docs/hi/intlayer_with_astro_vue.md)
+- Intlayer + Svelte: [Svelte के साथ Intlayer](https://github.com/aymericzip/intlayer/blob/main/docs/docs/hi/intlayer_with_astro_svelte.md)
+- Intlayer + Solid: [Solid के साथ Intlayer](https://github.com/aymericzip/intlayer/blob/main/docs/docs/hi/intlayer_with_astro_solid.md)
+- Intlayer + Preact: [Preact के साथ Intlayer](https://github.com/aymericzip/intlayer/blob/main/docs/docs/hi/intlayer_with_astro_preact.md)
+- Intlayer + Lit: [Intlayer के साथ Lit](https://github.com/aymericzip/intlayer/blob/main/docs/docs/hi/intlayer_with_astro_lit.md)
 </Step>
 
 <Step number={15} title="अपने घटकों की सामग्री निकालें" isOptional={true}>
@@ -518,39 +543,22 @@ bun x intlayer extract
  </Tab>
  <Tab value='बैबेल कंपाइलर'>
 
-> v9 के बाद से, `intlayerCompiler` को `intlayer` plugin में शामिल किया गया है। इसलिए आपको इसे मैन्युअल रूप से जोड़ने की आवश्यकता नहीं है।
-
-intlayerCompiler प्लगइन शामिल करने के लिए अपनी `vite.config.ts` अपडेट करें:
-
-```ts fileName="vite.config.ts"
-import { defineConfig } from "vite";
-import { intlayer } from "vite-intlayer";
-
-export default defineConfig({
-  plugins: [
-    intlayer({
-      proxy: {
-        ignore: (req) => req.url?.startsWith("/api"),
-      },
-    }),
-  ],
-});
-```
+अपने घटकों को बदलने और सामग्री निकालने के लिए अपना एप्लिकेशन बिल्ड करें
 
 ```bash packageManager="npm"
 npm run build # या npm run dev
 ```
 
 ```bash packageManager="pnpm"
-pnpm run build # Or pnpm run dev
+pnpm run build # या pnpm run dev
 ```
 
 ```bash packageManager="yarn"
-yarn build # Or yarn dev
+yarn build # या yarn dev
 ```
 
 ```bash packageManager="bun"
-bun run build # Or bun run dev
+bun run build # या bun run dev
 ```
 
  </Tab>

package/docs/hi/intlayer_with_astro_lit.md

@@ -1,6 +1,6 @@
 ---
 createdAt: 2026-04-24
-updatedAt: 2026-06-23
+updatedAt: 2026-09-20
 title: "Astro + Lit i18n - अपने ऐप को अनुवाद करने का पूर्ण गाइड"
 description: "अब i18next की जरूरत नहीं। 2026 में Astro + Lit ऐप को बहुभाषी (i18n) बनाने का गाइड। AI एजेंट्स से अनुवाद करें और बंडल साइज़, SEO और परफॉर्मेंस ऑप्टिमाइज़ करें।"
 keywords:
@@ -20,6 +20,9 @@ slugs:
 applicationTemplate: https://github.com/aymericzip/intlayer-astro-template
 applicationShowcase: https://intlayer-astro-template.vercel.app
 history:
+  - version: 9.5.5
+    date: 2026-09-19
+    changes: "Astro पेज में astro-intlayer के useIntlayer / useLocale हुक्स का उपयोग"
   - version: 8.9.0
     date: 2026-05-04
     changes: "सॉलिड useIntlayer API उपयोग को सीधे प्रॉपर्टी एक्सेस में अपडेट करें"
@@ -163,7 +166,7 @@ bun x intlayer init
   मुख्य पैकेज जो कॉन्फ़िगरेशन प्रबंधन, अनुवाद, [सामग्री घोषणा](https://github.com/aymericzip/intlayer/blob/main/docs/docs/hi/dictionary/content_file.md), ट्रांसपाइलेशन और [CLI कमांड](https://github.com/aymericzip/intlayer/blob/main/docs/docs/hi/cli/index.md) के लिए i18n टूल प्रदान करता है।
 
 - **astro-intlayer**
-  Intlayer को [Vite बंडलर](https://vite.dev/guide/why.html#why-bundle-for-production) के साथ जोड़ने के लिए Astro एकीकरण प्लगइन, साथ ही उपयोगकर्ता की पसंदीदा भाषा का पता लगाने, कुकीज़ प्रबंधित करने और URL रीडायरेक्ट को संभालने के लिए मिडलवेयर शामिल है।
+  Intlayer को [Vite बंडलर](https://vite.dev/guide/why.html#why-bundle-for-production) के साथ एकीकृत करने के लिए Astro एकीकरण प्लगइन, प्रत्येक अनुरोध के लोकेल को `Astro.locals.intlayer` में हल करने वाला एक मिडलवेयर, और `useIntlayer` / `useDictionary` / `useLocale` हुक्स शामिल हैं। वही आयात पथ आपके `.astro` फ्रंटमैट में सर्वर कार्यान्वयन और `<script>` ब्लॉक में क्लाइंट कार्यान्वयन (`vanilla-intlayer` द्वारा समर्थित) को हल करता है।
 
 - **lit**
   तेज़, हल्के Web Components बनाने के लिए मुख्य Lit पैकेज।
@@ -258,19 +261,21 @@ export default litDemoContent;
 </Step>
 <Step number={5} title="Astro में सामग्री का उपयोग करना">
 
-आप सीधे अपने `.astro` फ़ाइलों में `intlayer` से निर्यात किए गए मुख्य सहायकों का उपयोग करके शब्दकोशों का उपयोग कर सकते हैं। आपको हर पृष्ठ पर SEO मेटाडेटा (जैसे hreflang और कैनोनिकल लिंक) भी जोड़ना चाहिए। Lit custom elements को एक क्लाइंट `<script>` के माध्यम से आयात किया जाता है और बॉडी में रखा जाता है।
+`astro-intlayer` द्वारा निर्यात किए गए हुक्स के साथ `.astro` फ़ाइलों में अपने शब्दकोशों का उपयोग करें। वे `react-intlayer` के समान हस्ताक्षर साझा करते हैं: `useIntlayer("key")` एक शब्दकोश की सामग्री लौटाता है और `useLocale()` बिना किसी तर्क के वर्तमान लोकेल लौटाता है।
+
+लोकेल `astro-intlayer` मिडलवेयर से आता है, जिसे एकीकरण आपके अपने `src/middleware.ts` से पहले पंजीकृत करता है। यह प्रत्येक अनुरोध के लिए इसे URL उपसर्ग, फिर क्लाइंट द्वारा सहेजे गए लोकेल (कुकी या हेडर), फिर `Accept-Language` से हल करता है, और इसे `Astro.locals.intlayer` में संग्रहीत करता है। प्री-रेंडर किए गए पृष्ठ केवल URL का उपयोग करते हैं, क्योंकि वे प्रत्येक आगंतुक के लिए एक बार रेंडर होते हैं।
+
+Lit custom elements को एक क्लाइंट `<script>` के माध्यम से आयात किया जाता है और बॉडी में रखा जाता है।
 
 ```astro fileName="src/pages/[...locale]/index.astro"
 ---
+import { useIntlayer, useLocale } from "astro-intlayer";
 import {
-  getIntlayer,
-  getLocaleFromPath,
   getLocalizedUrl,
-  getHTMLTextDir,
   getPrefix,
   localeMap,
   defaultLocale,
-  type LocalesValues,
+  getHTMLTextDir,
 } from "intlayer";
 
 export const getStaticPaths = () => {
@@ -279,8 +284,11 @@ export const getStaticPaths = () => {
   }));
 };
 
-const locale = getLocaleFromPath(Astro.url.pathname) as LocalesValues;
-const { greeting } = getIntlayer("lit-demo", locale);
+// मिडलवेयर द्वारा हल किया गया लोकेल (उदा. /hi/about -> 'hi')
+const { locale } = useLocale();
+
+// उस लोकेल के लिए 'lit-demo' शब्दकोश की सामग्री
+const { greeting } = useIntlayer("lit-demo");
 ---
 
 <!doctype html>
@@ -339,6 +347,8 @@ const { greeting } = getIntlayer("lit-demo", locale);
 > <img src={String(content.image.src)} alt={String(content.image)} />
 > ```
 
+> `Astro.locals.intlayer` आपके अपने मिडलवेयर और एंडपॉइंट्स के लिए `locale`, `defaultLocale` और `availableLocales` भी प्रदर्शित करता है। एक कॉल के लिए अनुरोध लोकेल को ओवरराइड करने के लिए दूसरे तर्क के रूप में एक लोकेल या चयनकर्ता पास करें (`useIntlayer("app", "fr")`, `useIntlayer("faq", { item: 2 })`)।
+
 > **रूटिंग सेटअप पर नोट:**
 > आपके द्वारा उपयोग की जाने वाली निर्देशिका संरचना `intlayer.config.ts` में `middleware.routing` सेटिंग पर निर्भर करती है:
 >
@@ -495,10 +505,10 @@ const pathList: SitemapUrlEntry[] = [
   { path: "/about", changefreq: "monthly", priority: 0.7 },
 ];
 
-const SITE_URL = import.meta.env.SITE ?? "http://localhost:4321";
-
 export const GET: APIRoute = async ({ site }) => {
-  const xmlOutput = generateSitemap(pathList, { siteUrl: SITE_URL });
+  const xmlOutput = generateSitemap(pathList, {
+    siteUrl: "https://example.com",
+  });
 
   return new Response(xmlOutput, {
     headers: { "Content-Type": "application/xml" },
@@ -598,39 +608,22 @@ bun x intlayer extract
  </Tab>
  <Tab value='बैबेल कंपाइलर'>
 
-> v9 के बाद से, `intlayerCompiler` को `intlayer` प्लगइन में शामिल किया गया है। इसलिए आपको इसे manually जोड़ने की आवश्यकता नहीं है।
-
-intlayerCompiler प्लगइन शामिल करने के लिए अपनी `vite.config.ts` अपडेट करें:
-
-```ts fileName="vite.config.ts"
-import { defineConfig } from "vite";
-import { intlayer } from "vite-intlayer";
-
-export default defineConfig({
-  plugins: [
-    intlayer({
-      proxy: {
-        ignore: (req) => req.url?.startsWith("/api"),
-      },
-    }),
-  ],
-});
-```
+अपने घटकों को बदलने और सामग्री निकालने के लिए अपना एप्लिकेशन बिल्ड करें
 
 ```bash packageManager="npm"
 npm run build # या npm run dev
 ```
 
 ```bash packageManager="pnpm"
-pnpm run build # Or pnpm run dev
+pnpm run build # या pnpm run dev
 ```
 
 ```bash packageManager="yarn"
-yarn build # Or yarn dev
+yarn build # या yarn dev
 ```
 
 ```bash packageManager="bun"
-bun run build # Or bun run dev
+bun run build # या bun run dev
 ```
 
  </Tab>