@intlayer/docs 6.0.0 → 6.0.2-canary.0

package/docs/hi/releases/v6.md

@@ -0,0 +1,273 @@
+---
+createdAt: 2025-09-22
+updatedAt: 2025-09-22
+title: नया Intlayer v6 - क्या नया है?
+description: जानिए Intlayer v6 में क्या नया है। प्रदर्शन, डेवलपर अनुभव, और आपके अंतरराष्ट्रीयकरण वर्कफ़्लो को बेहतर बनाने के लिए नई विशेषताएं।
+keywords:
+  - Intlayer
+  - स्थानीयकरण
+  - विकास
+  - प्रदर्शन
+  - डेवलपर अनुभव
+  - विशेषताएं
+  - React
+  - Next.js
+  - JavaScript
+  - TypeScript
+slugs:
+  - doc
+  - releases
+  - v6
+---
+
+# नया Intlayer v6 - क्या नया है?
+
+Intlayer v6 में आपका स्वागत है! यह रिलीज़ प्रदर्शन, डेवलपर अनुभव, और विश्वसनीयता पर केंद्रित है। नीचे मुख्य बिंदु दिए गए हैं, साथ ही माइग्रेशन नोट्स और कॉपी-पेस्ट करने योग्य उदाहरण।
+
+## मुख्य बिंदु
+
+- नया कमांड: `npx intlayer content test` जो गायब अनुवादों का पता लगाता है
+- नया वैश्विक `autoFill` विकल्प जो गायब अनुवादों को स्वचालित रूप से उत्पन्न करता है
+- Fill कमांड डिफ़ॉल्ट रूप से मौजूदा अनुवादों को छोड़ देता है: `npx intlayer fill`
+- VS Code एक्सटेंशन: नया Intlayer एक्टिविटी बार (खोज और शब्दकोश), टूलबार/संदर्भ क्रियाएं, ऑटो-रिवील, Fill/Test कमांड
+- प्रॉमिस पैरेललाइजेशन के कारण 10× तेज़ बिल्ड
+- ऐप शुरू होने पर पुनः प्राप्ति से बचने के लिए रिमोट शब्दकोश कैशिंग
+- बेहतर लॉगिंग: व्यवहार जांचने के लिए `log.mode: 'verbose'` सेट करें
+- शब्दकोश समस्याओं पर ऐप क्रैश को रोकने के लिए मजबूत सत्यापन
+- CMS के साथ लाइव अपडेट्स के लिए `build.importMode = 'live'` और `pnpm intlayer live` का उपयोग करें
+- सुधार: Vue.js एकीकरण, Lynx एडाप्टर, Windows पर विज़ुअल एडिटर
+
+---
+
+## नया: गायब अनुवादों का परीक्षण करें
+
+अपने प्रोजेक्ट का तेजी से ऑडिट करें ताकि पता चल सके कि कौन से कुंजी/स्थानीय भाषाएं गायब हैं।
+
+```bash
+npx intlayer content test
+```
+
+आउटपुट:
+
+```bash
+pnpm intlayer content test
+गायब अनुवाद:
+ - blog-data       - जापानी (ja), कोरियाई (ko), चीनी (zh), जर्मन (de), इतालवी (it) - src/components/BlogPage/blogData.content.ts
+ - demo-page       - फ्रेंच (fr), इतालवी (it)                                         - src/components/DemoPage/demo.content.ts
+ - locale-switcher - इतालवी (it), पुर्तगाली (pt)                                       - src/components/LocaleSwitcher/localeSwitcher.content.ts
+स्थानीय भाषाएं: अंग्रेज़ी (en), रूसी (ru), जापानी (ja), फ्रेंच (fr), कोरियाई (ko), चीनी (zh), स्पेनिश (es), जर्मन (de), अरबी (ar), इतालवी (it), ब्रिटिश अंग्रेज़ी (en-GB), पुर्तगाली (pt), हिंदी (hi)
+आवश्यक स्थानीय भाषाएं: अंग्रेज़ी (en)
+गायब स्थानीय भाषाएं: जापानी (ja), कोरियाई (ko), चीनी (zh), जर्मन (de), इतालवी (it), फ्रेंच (fr), पुर्तगाली (pt)
+गायब आवश्यक स्थानीय भाषाएं: -
+कुल गायब स्थानीय भाषाएं: 7
+कुल गायब आवश्यक स्थानीय भाषाएं: 0
+```
+
+अधिक विकल्प CLI दस्तावेज़ों में देखें: [CLI संदर्भ](https://github.com/aymericzip/intlayer/blob/main/docs/docs/hi/intlayer_cli.md) → "गायब अनुवादों का परीक्षण करें"। साथ ही [परीक्षण](https://github.com/aymericzip/intlayer/blob/main/docs/docs/hi/testing.md) मार्गदर्शिका।
+
+---
+
+## नया: गायब अनुवादों को पूरा करने के लिए वैश्विक autoFill
+
+अब आप वैश्विक रूप से auto-fill सक्षम कर सकते हैं ताकि किसी भी शब्दकोश में गायब अनुवाद अपने आप पूरे हो जाएं।
+
+```ts fileName="intlayer.config.ts"
+import { type IntlayerConfig, Locales } from "intlayer";
+
+const config: IntlayerConfig = {
+  internationalization: {
+    locales: [Locales.ENGLISH, Locales.FRENCH, Locales.SPANISH],
+    defaultLocale: Locales.ENGLISH,
+    requiredLocales: [Locales.ENGLISH, Locales.FRENCH],
+  },
+  content: {
+    // सभी शब्दकोशों के लिए गायब अनुवादों को स्वचालित रूप से उत्पन्न करें
+    autoFill: "./{{fileName}}.content.ts",
+    //
+    // autoFill: "/messages/{{locale}}/{{key}}/{{fileName}}.content.json",
+    //
+    // autoFill: true, // सभी शब्दकोशों के लिए गायब अनुवादों को स्वचालित रूप से उत्पन्न करें जैसे कि "./{{fileName}}.content.json" का उपयोग करना
+    //
+    // autoFill: {
+    //   en: "./{{fileName}}.en.content.json",
+    //   fr: "./{{fileName}}.fr.content.json",
+    //   es: "./{{fileName}}.es.content.json",
+    // },
+  },
+};
+
+export default config;
+```
+
+आप अभी भी कंटेंट फ़ाइलों में `autoFill` फ़ील्ड का उपयोग करके प्रति शब्दकोश सूक्ष्म समायोजन कर सकते हैं। पूर्ण संदर्भ के लिए `doc/autoFill` और `doc/dictionary/content_file` देखें।
+
+---
+
+## Fill कमांड: सुरक्षित डिफ़ॉल्ट्स
+
+Fill कमांड अब, डिफ़ॉल्ट रूप से, केवल गायब अनुवादों को भरता है और मौजूदा सामग्री को छोड़ देता है।
+
+```bash
+npx intlayer fill
+```
+
+```bash
+प्रसंस्करण के लिए प्रभावित शब्दकोश कुंजियाँ: access-key-creation-form-schema, doc-search-metadata, doc-search-page
+  - [access-key-creation-form-schema]      शब्दकोश के पास फ़ाइल पथ नहीं है। छोड़ दिया जा रहा है।
+  - [access-key-creation-form-schema]      सामग्री घोषणा संसाधित की जा रही है: src/components/Dashboard/ProjectForm/AccessKey/useAccessKeyCreationFormSchema.content.ts
+  - [access-key-creation-form-schema]      भरने के लिए कोई लोकल नहीं - शब्दकोश छोड़ दिया जा रहा है
+  - [doc-search-metadata]                  शब्दकोश के पास फ़ाइल पथ नहीं है। छोड़ दिया जा रहा है।
+  - [doc-search-metadata]                  सामग्री घोषणा संसाधित की जा रही है: src/app/[locale]/(docs)/doc/search/metadata.content.ts
+  - [doc-search-metadata]                  भरने के लिए कोई लोकल नहीं - शब्दकोश छोड़ दिया जा रहा है
+  - [doc-search-page]                      शब्दकोश के पास फ़ाइल पथ नहीं है। छोड़ दिया जा रहा है।
+  - [doc-search-page]                      सामग्री घोषणा संसाधित की जा रही है: src/app/[locale]/(docs)/doc/search/page.content.ts
+  - [doc-search-page]                     [रूसी (ru)]                   अंग्रेज़ी (en) से रूसी (ru) के लिए शब्दकोश का अनुवाद तैयार किया जा रहा है
+[intlayer]  src/app/[locale]/(docs)/doc/search/page.content.ts पर Prettier फॉर्मेटिंग लागू की गई
+  - [doc-search-page]                      सामग्री घोषणा src/app/[locale]/(docs)/doc/search/page.content.ts में लिखी गई
+```
+
+CI उदाहरण [CI/CD](https://github.com/aymericzip/intlayer/blob/main/docs/docs/hi/CI_CD.md) में उपलब्ध हैं।
+
+---
+
+## अपडेटेड VS कोड एक्सटेंशन
+
+एक्सटेंशन अब एक्टिविटी बार में एक समर्पित Intlayer टैब और कई वर्कफ़्लो सुधार शामिल करता है:
+
+- Intlayer एक्टिविटी बार में दो दृश्य:
+  - लाइव शब्दकोश/सामग्री खोज के लिए सर्च वेबव्यू (`intlayer.searchBar`)
+  - डिक्शनरीज़ ट्री (`intlayer.dictionaries`) जो पर्यावरण, शब्दकोश, और योगदान करने वाली फ़ाइलों को सूचीबद्ध करता है
+- डिक्शनरीज़ दृश्य पर टूलबार: बिल्ड, पुल, पुश, फिल, रिफ्रेश, टेस्ट, डिक्शनरी फ़ाइल बनाएँ
+- संदर्भ मेनू: शब्दकोशों पर पुल/पुश; फ़ाइलों पर फिल
+- ऑटो-रिवील: जब लागू हो, तो वर्तमान संपादक फ़ाइल डिक्शनरीज़ ट्री में हाइलाइट की जाती है
+- कमांड पैलेट से उपलब्ध नए कमांड: डिक्शनरीज़ भरें और डिक्शनरीज़ का परीक्षण करें
+
+विवरण के लिए [आधिकारिक VS कोड एक्सटेंशन](https://github.com/aymericzip/intlayer/blob/main/docs/docs/hi/vs_code_extension.md) दस्तावेज़ देखें।
+
+---
+
+## प्रदर्शन: 10× तेज़
+
+- स्थानीय और दूरस्थ डिक्शनरीज़ का समानांतर समाधान
+- ऐप स्टार्टअप पर पुनः प्राप्ति से बचने के लिए दूरस्थ डिक्शनरीज़ कैश की जाती हैं
+
+```bash
+npx intlayer build
+```
+
+आउटपुट:
+
+```bash
+[intlayer]  Intlayer तैयार कर रहा है (v6.0.1)
+[intlayer]  डिक्शनरीज़:
+[intlayer]  ✓ स्थानीय सामग्री: 163/163
+[intlayer]  ✓ दूरस्थ सामग्री: 100/100
+[intlayer]   - access-key-creation-form             [local: ✔ built] [distant: ✔ imported]
+[intlayer]   - access-key-creation-form-schema      [local: ✔ built] [distant: ✔ imported]
+[intlayer]   - access-key-form                      [local: ✔ built] [distant: ✔ imported]
+[intlayer]   - ai-ab-testing-section                                 [distant: ✔ imported]
+[intlayer]   - application-not-running-view         [local: ✔ built] [distant: ✔ imported]
+[intlayer]   - application-template-message         [local: ✔ built] [distant: ✔ fetched]
+[intlayer]   - aside-navigation                     [local: ✔ built] [distant: ✔ imported]
+[intlayer]   - ask-reset-password                   [local: ✔ built] [distant: ✔ imported]
+[intlayer]   - ask-reset-password-schema            [local: ✔ built] [distant: ✔ imported]
+[intlayer]   - autocompletion-section               [local: ✔ built] [distant: ✔ fetched]
+[intlayer]   - available-techno-section             [local: ✔ built] [distant: ✔ imported]
+[intlayer]   - blog-data                            [local: ✔ built]
+[intlayer]   - blog-metadata                        [local: ✔ built]
+[intlayer]   - blog-nav-list                        [local: ✔ built] [distant: ✔ imported]
+[intlayer]   - blog-page                                             [distant: ✔ fetched]
+[intlayer]   - blog-search-metadata                 [local: ✔ built] [distant: ✔ imported]
+[intlayer]   - blog-search-page                     [local: ✔ built] [distant: ✔ imported]
+...
+[intlayer]  सामग्री लोड हो गई (कुल: 8401ms - स्थानीय: 4050ms - दूरस्थ: 4222ms)
+```
+
+---
+
+## लॉगिंग सुधार
+
+लॉगिंग सिस्टम को बेहतर बनाया गया है ताकि बिल्ड और रनटाइम ट्रांसफॉर्मेशन के दौरान क्या होता है, इसकी अधिक विस्तृत जानकारी प्रदान की जा सके।
+
+> बिल्ड और रनटाइम ट्रांसफॉर्मेशन के दौरान क्या होता है, इसे बेहतर समझने के लिए विस्तृत लॉग सक्षम करें।
+
+```ts fileName="intlayer.config.ts"
+export default {
+  log: {
+    mode: "verbose", // विकल्प: "default" | "verbose" | "disabled"
+  },
+};
+```
+
+सभी लॉगिंग विकल्पों के लिए [Configuration](https://github.com/aymericzip/intlayer/blob/main/docs/docs/hi/configuration.md) देखें।
+
+---
+
+## मजबूत सत्यापन
+
+डिक्शनरी प्रोसेसिंग अब अधिक मजबूत सत्यापन करता है। जब कोई डिक्शनरी प्रोसेस करने में विफल होती है, तो Intlayer आपके एप्लिकेशन को टूटने से बचाता है और क्रियाशील त्रुटियाँ प्रदर्शित करता है।
+
+---
+
+## CMS के साथ लाइव अपडेट (प्रोडक्शन-सुरक्षित)
+
+प्रोडक्शन में बिना अपने एप्लिकेशन को पुनः बिल्ड किए लाइव कंटेंट अपडेट (जैसे, संपादकीय अपडेट) सर्व करें।
+
+1. लाइव इम्पोर्ट मोड सक्षम करें:
+
+```ts fileName="intlayer.config.ts"
+import { type IntlayerConfig } from "intlayer";
+
+const config: IntlayerConfig = {
+  build: {
+    importMode: "live", // "static" | "dynamic" | "live"
+  },
+  editor: {
+    liveSync: true, // सर्वर साइड पर लाइव सिंक सक्षम करें
+  },
+};
+
+export default config;
+```
+
+2. अपने ऐप को चलाएं और लाइव प्रोसेस साथ-साथ करें:
+
+```bash
+npx intlayer live --process 'vite preview'
+```
+
+नोट्स:
+
+- केवल वे डिक्शनरी जो लाइव मोड के लिए चिह्नित हैं, उन्हें लाइव फेच किया जाएगा। अन्य प्रदर्शन के लिए अनुकूलित हैं।
+- यदि लाइव API उपलब्ध नहीं है तो डायनामिक इम्पोर्ट पर वापस चला जाता है।
+
+पूरा मार्गदर्शन प्राप्त करने के लिए [CMS और लाइव सिंक](https://github.com/aymericzip/intlayer/blob/main/docs/docs/hi/intlayer_CMS.md) और [कॉन्फ़िगरेशन](https://github.com/aymericzip/intlayer/blob/main/docs/docs/hi/configuration.md) देखें।
+
+---
+
+## माइग्रेशन नोट्स
+
+- हटाया गया: `dictionaryOutput` (पहले `i18next` या `next-intl`)। यह भविष्य के संस्करणों में प्लगएबल एडाप्टर के रूप में वापस आएगा। अपने कॉन्फ़िग से इस फ़ील्ड को हटा दें।
+- संबंधित हटाना: `i18nextResourcesDir` (देखें `doc/configuration` चेंजलॉग)।
+- बड़े पैमाने पर गायब अनुवाद उत्पन्न करने के लिए नए ग्लोबल `content.autoFill` विकल्प को प्राथमिकता दें।
+- गायब अनुवादों पर PR को नियंत्रित करने के लिए `npx intlayer content test` का उपयोग करें।
+- विस्तृत डायग्नोस्टिक्स के लिए, `log.mode = 'verbose'` सेट करें।
+
+---
+
+## सुधार
+
+- Vue.js एकीकरण स्थिरता
+- Lynx एडाप्टर सुधार
+- विंडोज़ पर विज़ुअल एडिटर
+
+---
+
+## उपयोगी लिंक
+
+- [CLI संदर्भ](https://github.com/aymericzip/intlayer/blob/main/docs/docs/hi/intlayer_cli.md)
+- [ऑटो-फिल](https://github.com/aymericzip/intlayer/blob/main/docs/docs/hi/autoFill.md)
+- [कॉन्फ़िगरेशन](https://github.com/aymericzip/intlayer/blob/main/docs/docs/hi/configuration.md)
+- [सामग्री फ़ाइल संदर्भ](https://github.com/aymericzip/intlayer/blob/main/docs/docs/hi/dictionary/content_file.md)
+- [आधिकारिक VS कोड एक्सटेंशन](https://github.com/aymericzip/intlayer/blob/main/docs/docs/hi/vs_code_extension.md)
+- [CMS और लाइव सिंक](https://github.com/aymericzip/intlayer/blob/main/docs/docs/hi/intlayer_CMS.md)

package/docs/hi/roadmap.md

@@ -112,18 +112,16 @@ Intlayer गतिशील सामग्री डालने और प्
 Intlayer सामग्री घोषित करने के लिए **TypeScript** (साथ ही JavaScript) और **JSON** का समर्थन करता है।
 
 - **TypeScript**:
-
   - यह सुनिश्चित करता है कि आपकी सामग्री संरचना सही है और कोई अनुवाद गायब नहीं है।
   - सख्त या अधिक लचीले सत्यापन मोड प्रदान करता है।
   - चर, फ़ंक्शन, या बाहरी API से गतिशील डेटा प्राप्त करने की अनुमति देता है।
 
 - **JSON**:
-
   - इसके मानकीकृत प्रारूप के कारण बाहरी उपकरणों (जैसे विज़ुअल एडिटर्स) के साथ एकीकरण को आसान बनाता है।
 
   > संसाधन:
   >
-  > - [सामग्री घोषणा प्रारूप](https://github.com/aymericzip/intlayer/blob/main/docs/docs/hi/dictionary/content_extention_customization.md)
+  > - [सामग्री घोषणा प्रारूप](https://github.com/aymericzip/intlayer/blob/main/docs/docs/hi/dictionary/content_file.md)
 
 ### 7. पर्जिंग, बंडल अनुकूलन और गतिशील इम्पोर्ट्स
 

package/docs/hi/vs_code_extension.md

@@ -1,8 +1,8 @@
 ---
 createdAt: 2025-03-17
-updatedAt: 2025-06-29
+updatedAt: 2025-09-22
 title: आधिकारिक VS कोड एक्सटेंशन
-description: अपने विकास वर्कफ़्लो को बेहतर बनाने के लिए VS कोड में Intlayer एक्सटेंशन का उपयोग कैसे करें सीखें। स्थानीयकृत सामग्री के बीच तेजी से नेविगेट करें और अपनी शब्दकोशों को कुशलतापूर्वक प्रबंधित करें।
+description: अपने विकास वर्कफ़्लो को बेहतर बनाने के लिए VS कोड में Intlayer एक्सटेंशन का उपयोग करना सीखें। स्थानीयकृत सामग्री के बीच तेजी से नेविगेट करें और अपनी शब्दकोशों का कुशलतापूर्वक प्रबंधन करें।
 keywords:
   - VS कोड एक्सटेंशन
   - Intlayer
@@ -21,9 +21,9 @@ slugs:
 
 ## अवलोकन
 
-[**Intlayer**](https://marketplace.visualstudio.com/items?itemName=Intlayer.intlayer-vs-code-extension) **Intlayer** के लिए आधिकारिक Visual Studio Code एक्सटेंशन है, जिसे आपके प्रोजेक्ट्स में स्थानीयकृत सामग्री के साथ काम करते समय डेवलपर अनुभव को बेहतर बनाने के लिए डिज़ाइन किया गया है।
+[**Intlayer**](https://marketplace.visualstudio.com/items?itemName=Intlayer.intlayer-vs-code-extension) **Intlayer** के लिए आधिकारिक विजुअल स्टूडियो कोड एक्सटेंशन है, जिसे आपके प्रोजेक्ट्स में स्थानीयकृत सामग्री के साथ काम करते समय डेवलपर अनुभव को बेहतर बनाने के लिए डिज़ाइन किया गया है।
 
-![Intlayer VS Code Extension](https://github.com/aymericzip/intlayer/blob/main/docs/assets/vs_code_extension_demo.gif)
+![Intlayer VS कोड एक्सटेंशन](https://github.com/aymericzip/intlayer/blob/main/docs/assets/vs_code_extension_demo.gif)
 
 एक्सटेंशन लिंक: [https://marketplace.visualstudio.com/items?itemName=Intlayer.intlayer-vs-code-extension](https://marketplace.visualstudio.com/items?itemName=Intlayer.intlayer-vs-code-extension)
 
@@ -31,8 +31,8 @@ slugs:
 
 ### त्वरित नेविगेशन
 
-**परिभाषा पर जाएं समर्थन** – `useIntlayer` कुंजी पर `Cmd+Click` (Mac) या `Ctrl+Click` (Windows/Linux) का उपयोग करके संबंधित सामग्री फ़ाइल तुरंत खोलें।  
-**सुगम एकीकरण** – **react-intlayer** और **next-intlayer** प्रोजेक्ट्स के साथ बिना किसी परेशानी के काम करता है।  
+**परिभाषा पर जाएं समर्थन** – `useIntlayer` कुंजी पर `⌘ + क्लिक` (Mac) या `Ctrl + क्लिक` (Windows/Linux) का उपयोग करें ताकि संबंधित सामग्री फ़ाइल तुरंत खुल जाए।  
+**सहज एकीकरण** – **react-intlayer** और **next-intlayer** प्रोजेक्ट्स के साथ बिना किसी परेशानी के काम करता है।  
 **बहुभाषी समर्थन** – विभिन्न भाषाओं में स्थानीयकृत सामग्री का समर्थन करता है।  
 **VS कोड एकीकरण** – VS कोड के नेविगेशन और कमांड पैलेट के साथ सहजता से एकीकृत होता है।
 
@@ -40,34 +40,76 @@ slugs:
 
 अपने कंटेंट शब्दकोशों का सीधे VS कोड से प्रबंधन करें:
 
-- **शब्दकोश बनाएं** (`extension.buildDictionaries`) – आपके प्रोजेक्ट संरचना के आधार पर सामग्री फ़ाइलें उत्पन्न करें।
-- **शब्दकोश पुश करें** (`extension.pushDictionaries`) – नवीनतम शब्दकोश सामग्री को आपके रिपॉजिटरी में अपलोड करें।
-- **शब्दकोश पुल करें** (`extension.pullDictionaries`) – आपके रिपॉजिटरी से नवीनतम शब्दकोश सामग्री को आपके स्थानीय वातावरण में सिंक करें।
+- **शब्दकोश बनाएँ** – अपने प्रोजेक्ट संरचना के आधार पर कंटेंट फ़ाइलें उत्पन्न करें।
+- **शब्दकोश पुश करें** – नवीनतम शब्दकोश सामग्री को अपने रिपॉजिटरी में अपलोड करें।
+- **शब्दकोश पुल करें** – अपने रिपॉजिटरी से नवीनतम शब्दकोश सामग्री को अपने स्थानीय पर्यावरण में सिंक करें।
+- **शब्दकोश भरें** – अपने प्रोजेक्ट से सामग्री के साथ शब्दकोशों को भरें।
+- **शब्दकोश परीक्षण करें** – गुम या अधूरी अनुवादों की पहचान करें।
 
-### सामग्री घोषणा जनरेटर
+### कंटेंट घोषणा जनरेटर
 
 आसानी से विभिन्न प्रारूपों में संरचित शब्दकोश फ़ाइलें उत्पन्न करें:
 
-- **TypeScript (`.ts`)** – `extension.createDictionaryFile.ts`
-- **ES मॉड्यूल (`.esm`)** – `extension.createDictionaryFile.esm`
-- **CommonJS (`.cjs`)** – `extension.createDictionaryFile.cjs`
-- **JSON (`.json`)** – `extension.createDictionaryFile.json`
+यदि आप वर्तमान में किसी कॉम्पोनेंट पर काम कर रहे हैं, तो यह आपके लिए `.content.{ts,tsx,js,jsx,mjs,cjs,json}` फ़ाइल उत्पन्न करेगा।
 
-## स्थापना
+कॉम्पोनेंट का उदाहरण:
 
-आप **Intlayer** को सीधे VS कोड मार्केटप्लेस से इंस्टॉल कर सकते हैं:
+```tsx fileName="src/components/MyComponent/index.tsx"
+const MyComponent = () => {
+  const { myTranslatedContent } = useIntlayer("my-component");
 
-1. **VS कोड** खोलें।
-2. **एक्सटेंशंस मार्केटप्लेस** पर जाएं।
-3. **"Intlayer"** खोजें।
-4. **इंस्टॉल** पर क्लिक करें।
+  return <span>{myTranslatedContent}</span>;
+};
+```
 
-वैकल्पिक रूप से, इसे कमांड लाइन के माध्यम से इंस्टॉल करें:
+TypeScript प्रारूप में उत्पन्न फ़ाइल:
 
-```sh
-code --install-extension intlayer
+```tsx fileName="src/components/MyComponent/index.content.ts"
+import { t, type Dictionary } from "intlayer";
+
+const componentContent = {
+  key: "my-component",
+  content: {
+    myTranslatedContent: t({
+      en: "Hello World",
+      es: "Hola Mundo",
+      fr: "Bonjour le monde",
+    }),
+  },
+};
+
+export default componentContent;
 ```
 
+उपलब्ध प्रारूप:
+
+- **TypeScript (`.ts`)**
+- **ES मॉड्यूल (`.esm`)**
+- **CommonJS (`.cjs`)**
+- **JSON (`.json`)**
+
+### Intlayer टैब (एक्टिविटी बार)
+
+VS कोड एक्टिविटी बार में Intlayer आइकन पर क्लिक करके Intlayer टैब खोलें। इसमें दो दृश्य होते हैं:
+
+- **खोज**: एक लाइव खोज बार जो शब्दकोशों और उनके कंटेंट को जल्दी से फ़िल्टर करता है। टाइप करते ही परिणाम तुरंत अपडेट हो जाते हैं।
+- **शब्दकोश**: आपके एनवायरनमेंट/प्रोजेक्ट्स, शब्दकोश कुंजियों, और प्रविष्टियाँ देने वाली फ़ाइलों का एक ट्री व्यू। आप:
+  - किसी फ़ाइल पर क्लिक करके उसे एडिटर में खोल सकते हैं।
+  - टूलबार का उपयोग करके ये क्रियाएँ चला सकते हैं: Build, Pull, Push, Fill, Refresh, Test, और Create Dictionary File।
+  - आइटम-विशिष्ट क्रियाओं के लिए संदर्भ मेनू का उपयोग करें:
+    - किसी शब्दकोश पर: Pull या Push
+    - किसी फ़ाइल पर: Fill Dictionary
+  - जब आप एडिटर स्विच करते हैं, तो ट्री उस मेल खाने वाली फ़ाइल को दिखाएगा यदि वह किसी शब्दकोश से संबंधित हो।
+
+## स्थापना
+
+आप सीधे VS Code मार्केटप्लेस से **Intlayer** इंस्टॉल कर सकते हैं:
+
+1. **VS Code** खोलें।
+2. **Extensions Marketplace** पर जाएं।
+3. **"Intlayer"** खोजें।
+4. **Install** पर क्लिक करें।
+
 ## उपयोग
 
 ### त्वरित नेविगेशन
@@ -79,10 +121,18 @@ code --install-extension intlayer
    const content = useIntlayer("app");
    ```
 
-3. कुंजी (जैसे, `"app"`) पर **कमांड-क्लिक** (`⌘+Click` macOS पर) या **Ctrl+क्लिक** (Windows/Linux पर) करें।
-4. VS कोड स्वचालित रूप से संबंधित शब्दकोश फ़ाइल खोलेगा, जैसे `src/app.content.ts`।
+3. कुंजी (जैसे `"app"`) पर **Command-click** (`⌘+Click` macOS पर) या **Ctrl+Click** (Windows/Linux पर) करें।
+4. VS Code स्वचालित रूप से संबंधित शब्दकोश फ़ाइल खोल देगा, जैसे `src/app.content.ts`।
 
-### सामग्री शब्दकोश प्रबंधन
+### कंटेंट शब्दकोश प्रबंधन
+
+### Intlayer टैब (एक्टिविटी बार)
+
+शब्दकोशों को ब्राउज़ और प्रबंधित करने के लिए साइड टैब का उपयोग करें:
+
+- एक्टिविटी बार में Intlayer आइकन खोलें।
+- **Search** में, वास्तविक समय में शब्दकोश और प्रविष्टियों को फ़िल्टर करने के लिए टाइप करें।
+- **Dictionaries** में, पर्यावरण, शब्दकोश, और फ़ाइलों को ब्राउज़ करें। टूलबार का उपयोग करें Build, Pull, Push, Fill, Refresh, Test, और Create Dictionary File के लिए। संदर्भ क्रियाओं के लिए राइट-क्लिक करें (शब्दकोशों पर Pull/Push, फ़ाइलों पर Fill)। जब लागू हो, तो वर्तमान संपादक फ़ाइल स्वचालित रूप से ट्री में प्रकट होती है।
 
 #### शब्दकोश बनाना
 
@@ -92,13 +142,13 @@ code --install-extension intlayer
 Cmd + Shift + P (macOS) / Ctrl + Shift + P (Windows/Linux)
 ```
 
-**Build Dictionaries** खोजें और कमांड चलाएं।
+**Build Dictionaries** खोजें और कमांड निष्पादित करें।
 
 #### शब्दकोश पुश करना
 
 नवीनतम शब्दकोश सामग्री अपलोड करें:
 
-1. **कमांड पैलेट** खोलें।
+1. **Command Palette** खोलें।
 2. **Push Dictionaries** खोजें।
 3. पुश करने के लिए शब्दकोश चुनें और पुष्टि करें।
 
@@ -106,47 +156,28 @@ Cmd + Shift + P (macOS) / Ctrl + Shift + P (Windows/Linux)
 
 नवीनतम शब्दकोश सामग्री सिंक करें:
 
-1. **कमांड पैलेट** खोलें।
+1. **Command Palette** खोलें।
 2. **Pull Dictionaries** खोजें।
 3. पुल करने के लिए शब्दकोश चुनें।
 
-## विकास और योगदान
-
-योगदान देना चाहते हैं? हम समुदाय के योगदान का स्वागत करते हैं!
-
-रिपॉ URL: https://github.com/aymericzip/intlayer-vs-code-extension
-
-### शुरूआत कैसे करें
-
-रिपॉ क्लोन करें और निर्भरताएँ स्थापित करें:
-
-```sh
-git clone https://github.com/aymericzip/intlayer-vs-code-extension.git
-cd intlayer-vs-code-extension
-npm install
-```
-
-> एक्सटेंशन को बिल्ड और प्रकाशित करने के लिए `vsce` पैकेज के साथ संगतता के लिए `npm` पैकेज मैनेजर का उपयोग करें।
-
-### विकास मोड में चलाएं
-
-1. प्रोजेक्ट को **VS Code** में खोलें।
-2. एक नया **Extension Development Host** विंडो लॉन्च करने के लिए `F5` दबाएं।
-
-### पुल अनुरोध सबमिट करें
-
-यदि आप एक्सटेंशन में सुधार करते हैं, तो [GitHub](https://github.com/aymericzip/intlayer-vs-code-extension) पर PR सबमिट करें।
+#### शब्दकोश भरना
 
-## प्रतिक्रिया और समस्याएं
+अपने प्रोजेक्ट की सामग्री से शब्दकोश भरें:
 
-क्या आपको कोई बग मिला है या कोई फीचर रिक्वेस्ट है? हमारे **GitHub रिपॉजिटरी** पर एक इश्यू खोलें:
+1. **Command Palette** खोलें।
+2. **Fill Dictionaries** खोजें।
+3. शब्दकोश भरने के लिए कमांड चलाएं।
 
-[GitHub Issues](https://github.com/aymericzip/intlayer-vs-code-extension/issues)
+#### शब्दकोश परीक्षण
 
-## लाइसेंस
+शब्दकोशों को मान्य करें और गायब अनुवाद खोजें:
 
-Intlayer को **MIT लाइसेंस** के तहत जारी किया गया है।
+1. **Command Palette** खोलें।
+2. **Test Dictionaries** खोजें।
+3. रिपोर्ट की गई समस्याओं की समीक्षा करें और आवश्यकतानुसार सुधार करें।
 
 ## दस्तावेज़ इतिहास
 
-- 5.5.10 - 2025-06-29: प्रारंभिक इतिहास
+| संस्करण | तिथि       | परिवर्तन       |
+| ------- | ---------- | -------------- |
+| 5.5.10  | 2025-06-29 | इतिहास प्रारंभ |