@intlayer/docs 9.0.0-canary.15 → 9.0.0-canary.16

package/docs/fr/live-sync.md

@@ -0,0 +1,174 @@
+---
+createdAt: 2026-07-08
+updatedAt: 2026-07-08
+title: Synchronisation en direct (Live Sync) | Reflétez les changements de contenu du CMS en temps réel
+description: Laissez votre application refléter les modifications de contenu du CMS Intlayer en temps réel, sans reconstruction ni redéploiement.
+keywords:
+  - Synchronisation en direct
+  - Live Sync
+  - CMS
+  - Éditeur Visuel
+  - Internationalisation
+  - Documentation
+  - Intlayer
+  - Next.js
+  - Vite
+history:
+  - version: 9.0.0
+    date: 2026-07-08
+    changes: "Déplacé depuis la documentation du CMS Intlayer vers sa propre page"
+  - version: 6.0.1
+    date: 2025-09-22
+    changes: "Ajout de la documentation sur la synchronisation en direct"
+  - version: 6.0.0
+    date: 2025-09-04
+    changes: "Remplacement du champ `hotReload` par `liveSync`"
+author: aymericzip
+---
+
+# Synchronisation en direct
+
+La synchronisation en direct permet à votre application de refléter les modifications du contenu CMS en temps réel. Aucune reconstruction ou redéploiement n'est nécessaire. Lorsqu'elle est activée, les mises à jour sont diffusées vers un serveur de synchronisation en direct qui actualise les dictionnaires que votre application utilise.
+
+## Table des matières
+
+<TOC/>
+
+---
+
+## Activer la synchronisation en direct
+
+> La synchronisation en direct nécessite une connexion continue au serveur et est disponible dans le plan entreprise.
+
+Activez la synchronisation en direct en mettant à jour votre configuration Intlayer :
+
+```typescript fileName="intlayer.config.ts" codeFormat={["typescript", "esm", "commonjs"]}
+import type { IntlayerConfig } from "intlayer";
+
+const config: IntlayerConfig = {
+  // ... autres paramètres de configuration
+  editor: {
+    /**
+     * Active le rechargement à chaud des configurations de langue lorsque des modifications sont détectées.
+     * Par exemple, lorsqu'un dictionnaire est ajouté ou mis à jour, l'application met à jour
+     * le contenu affiché sur la page.
+     *
+     * Comme le rechargement à chaud nécessite une connexion continue au serveur,
+     * il est uniquement disponible pour les clients du plan `enterprise`.
+     *
+     * Par défaut : false
+     */
+    liveSync: true,
+  },
+  dictionary: {
+    /**
+     * Contrôle la manière dont les dictionnaires sont importés :
+     *
+     * - "live" : Les dictionnaires sont récupérés dynamiquement via l'API Live Sync.
+     *   Remplace useIntlayer par useDictionaryDynamic.
+     *
+     * Remarque : Le mode live utilise l'API Live Sync pour récupérer les dictionnaires. Si l'appel API
+     * échoue, les dictionnaires sont importés dynamiquement.
+     * Remarque : Seuls les dictionnaires avec un contenu distant et le drapeau "live" utilisent le mode live.
+     * Les autres utilisent le mode dynamique pour des raisons de performance.
+     */
+    importMode: "fetch",
+  },
+};
+
+export default config;
+```
+
+Démarrez le serveur Live Sync pour envelopper votre application :
+
+Exemple avec Next.js :
+
+```json5 fileName="package.json"
+{
+  "scripts": {
+    // ... autres scripts
+    "build": "next build",
+    "dev": "next dev",
+    "start": "npx intlayer live --with 'next start'",
+  },
+}
+```
+
+Exemple avec Vite :
+
+```json5 fileName="package.json"
+{
+  "scripts": {
+    // ... autres scripts
+    "build": "vite build",
+    "dev": "vite dev",
+    "start": "npx intlayer live --with 'vite start'",
+  },
+}
+```
+
+Le serveur Live Sync enveloppe votre application et applique automatiquement le contenu mis à jour dès son arrivée.
+
+Pour recevoir les notifications de changement depuis le CMS, le serveur Live Sync maintient une connexion SSE avec le backend. Lorsque le contenu change dans le CMS, le backend transmet la mise à jour au serveur Live Sync, qui écrit les nouveaux dictionnaires. Votre application reflétera la mise à jour lors de la prochaine navigation ou du rechargement du navigateur, aucune reconstruction n’est nécessaire.
+
+Organigramme (CMS/Backend -> Serveur Live Sync -> Serveur d’application -> Frontend) :
+
+![Schéma logique Live Sync](https://github.com/aymericzip/intlayer/blob/main/docs/assets/live_sync_logic_schema.svg)
+
+Comment cela fonctionne :
+
+![Schéma du flux Live Sync CMS/Backend/Serveur Live Sync/Serveur d’application/Frontend](https://github.com/aymericzip/intlayer/blob/main/docs/assets/live_sync_flow_scema.svg)
+
+## Flux de travail en développement (local)
+
+- En développement, tous les dictionnaires distants sont récupérés au démarrage de l'application, ce qui vous permet de tester rapidement les mises à jour.
+- Pour tester Live Sync localement avec Next.js, encapsulez votre serveur de développement :
+
+```json5 fileName="package.json"
+{
+  "scripts": {
+    // ... autres scripts
+    "dev": "npx intlayer live --with 'next dev'",
+    // "dev": "npx intlayer live --with 'vite dev'", // Pour Vite
+  },
+}
+```
+
+Activez l'optimisation afin qu'Intlayer applique les transformations d'importation Live pendant le développement :
+
+```typescript fileName="intlayer.config.ts" codeFormat={["typescript", "esm", "commonjs"]}
+import type { IntlayerConfig } from "intlayer";
+
+const config: IntlayerConfig = {
+  editor: {
+    applicationURL: "http://localhost:5173",
+    liveSyncURL: "http://localhost:4000",
+    liveSync: true,
+  },
+  dictionary: {
+    importMode: "fetch",
+  },
+  build: {
+    optimize: true,
+  },
+};
+
+export default config;
+```
+
+Cette configuration encapsule votre serveur de développement avec le serveur Live Sync, récupère les dictionnaires distants au démarrage et diffuse les mises à jour du CMS via SSE. Rafraîchissez la page pour voir les changements.
+
+## Notes et contraintes
+
+- Ajoutez l'origine du live sync à la politique de sécurité de votre site (CSP). Assurez-vous que l'URL du live sync est autorisée dans `connect-src` (et `frame-ancestors` si pertinent).
+- Live Sync ne fonctionne pas avec une sortie statique. Pour Next.js, la page doit être dynamique pour recevoir les mises à jour à l'exécution (par exemple, utilisez `generateStaticParams`, `generateMetadata`, `getServerSideProps` ou `getStaticProps` de manière appropriée pour éviter les contraintes de statique complète).
+- Dans le CMS, chaque dictionnaire possède un indicateur `live`. Seuls les dictionnaires avec `live=true` sont récupérés via l'API de synchronisation en direct ; les autres sont importés dynamiquement et restent inchangés à l'exécution.
+- L'indicateur `live` est évalué pour chaque dictionnaire au moment de la compilation. Si le contenu distant n'était pas marqué `live=true` lors de la compilation, vous devez recompiler pour activer la synchronisation en direct pour ce dictionnaire.
+- Le serveur de synchronisation en direct doit pouvoir écrire dans `.intlayer`. Dans les conteneurs, assurez-vous d'avoir un accès en écriture à `/.intlayer`.
+
+## Liens utiles
+
+- [CMS Intlayer](https://github.com/aymericzip/intlayer/blob/main/docs/docs/fr/intlayer_CMS.md)
+- [Éditeur Visuel Intlayer](https://github.com/aymericzip/intlayer/blob/main/docs/docs/fr/intlayer_visual_editor.md)
+- [Référence de configuration](https://github.com/aymericzip/intlayer/blob/main/docs/docs/fr/configuration.md)
+- [Guide d'auto-hébergement](https://github.com/aymericzip/intlayer/blob/main/docs/docs/fr/self_hosting.md)

package/docs/fr/releases/v9.md

@@ -1,6 +1,6 @@
 ---
 createdAt: 2026-06-14
-updatedAt: 2026-06-30
+updatedAt: 2026-07-08
 title: Nouvel Intlayer v9 - Quoi de neuf ?
 description: Découvrez les nouveautés d'Intlayer v9. Présentation des packages de compatibilité prêts à l'emploi pour les bibliothèques i18n populaires et prise en charge des Collections et Variants.
 keywords:
@@ -201,6 +201,49 @@ const product = useIntlayer("product-copy", {
 
 ---
 
+## `@intlayer/analytics` : suivi de l'exposition du contenu et tests A/B
+
+Un nouveau package optionnel, [`@intlayer/analytics`](https://github.com/aymericzip/intlayer/blob/main/docs/docs/en/analytics.md), vous indique quel contenu est réellement affiché à vos visiteurs — et boucle la boucle avec **Collections & Variants** en vous permettant de faire des tests A/B sur le contenu et de mesurer les conversions par variante.
+
+- **Suivi au niveau du provider** : `IntlayerProvider` (React / Next.js / React Native) enregistre automatiquement des événements `page_view` au chargement, au changement de route et au changement de langue.
+- **Suivi au niveau du nœud** : chaque résolution de `useIntlayer` remonte un événement `content_exposure` — quelle clé de dictionnaire, quel chemin de clé, quelle langue et, le cas échéant, quelle **variante** A/B a été affichée. Les expositions répétées d'un même nœud dans une fenêtre d'envoi sont regroupées.
+- **Attribution déterministe des variantes A/B** : `getVariant(experimentKey, variants)` attribue une variante à chaque session **sans aller-retour serveur**, donc aucun scintillement avant le premier rendu.
+- **`useConversion()`** : attribue un objectif (inscription, clic, achat…) à la variante à laquelle la session a été exposée.
+- **Coût nul si non installé** : même schéma tree-shakeable que `@intlayer/editor` — `import()` dynamique enveloppé dans un `try/catch`, plus une variable d'environnement à la compilation (`INTLAYER_ANALYTICS_ENABLED`) qui élimine complètement l'intégration du bundle pour les applications qui ne l'activent pas.
+- **Aucun nouveau schéma de configuration** : réutilise `editor.backendURL` (point d'envoi / auto-hébergement) et `editor.clientId` (clé de projet, qui sert aussi d'interrupteur d'activation).
+- **Respect de la vie privée** : hachage anonyme de session (SHA-256, aucun identifiant brut stocké), aucun stockage d'IP, géolocalisation grossière limitée au pays, requêtes envoyées par lots environ toutes les 20 secondes.
+- **Tableau de bord** : une nouvelle page **Analytics** (affichée dans la barre latérale une fois un projet sélectionné) indique les utilisateurs actifs, les utilisateurs du jour, ceux des 7/30/90 derniers jours, un graphique d'évolution des visiteurs, ainsi que la répartition par langue et par localisation.
+
+```tsx fileName="CTAButton.tsx" codeFormat="tsx"
+import { useConversion } from "react-intlayer";
+
+const CTAButton = () => {
+  const trackConversion = useConversion();
+
+  return (
+    <button
+      onClick={() =>
+        trackConversion({
+          experimentKey: "homepage-hero",
+          variant: "black_friday",
+          goal: "cta_click",
+        })
+      }
+    >
+      Get started
+    </button>
+  );
+};
+```
+
+```bash packageManager="npm"
+npm install @intlayer/analytics
+```
+
+Disponible dès aujourd'hui pour React, Next.js et React Native (via `react-intlayer`) ; les intégrations pour d'autres frameworks (Vue, Svelte, Angular, …) sont prévues, en suivant le même schéma de déploiement que `@intlayer/editor`. Consultez la [documentation Analytics](https://github.com/aymericzip/intlayer/blob/main/docs/docs/en/analytics.md) pour le guide complet.
+
+---
+
 ## Plugin Vite : Compilateur Bundled & Proxy
 
 Le plugin Vite `intlayer()` regroupe maintenant le **compilateur** et le **proxy de routage de locale** directement, donc la plupart des projets n'ont besoin que d'un seul plugin dans `vite.config.ts` :
@@ -349,6 +392,7 @@ Si vous effectuez une mise à niveau depuis la v8, notez que la v9 n'inclut pas
 
 - [Guide des packages d'adaptateurs de compatibilité](https://github.com/aymericzip/intlayer/blob/main/docs/docs/fr/compat/index.md)
 - [Dictionnaires dynamiques - Collections & Variants](https://github.com/aymericzip/intlayer/blob/main/docs/docs/fr/dynamic_dictionaries/index.md)
+- [Analytics - Suivi de l'exposition du contenu et tests A/B](https://github.com/aymericzip/intlayer/blob/main/docs/docs/en/analytics.md)
 - [Référence de configuration](https://github.com/aymericzip/intlayer/blob/main/docs/docs/fr/configuration.md)
 - [SDK CMS - Accès programmatique avec @intlayer/api](https://github.com/aymericzip/intlayer/blob/main/docs/docs/fr/intlayer_CMS.md)
 - [Guide d'auto-hébergement](https://github.com/aymericzip/intlayer/blob/main/docs/docs/fr/self_hosting.md)

package/docs/hi/cli/index.md

@@ -125,7 +125,7 @@ Intlayer कई कॉन्फ़िगरेशन फ़ाइल प्र
 
 ### प्रमाणीकरण (Authentication)
 
-- **[Login](https://github.com/aymericzip/intlayer/blob/main/docs/docs/hi/login.md)** - Intlayer CMS के साथ प्रमाणित हों और एक्सेस क्रेडेंशियल प्राप्त करें
+- **[Login](https://github.com/aymericzip/intlayer/blob/main/docs/docs/hi/cli/login.md)** - Intlayer CMS के साथ प्रमाणित हों और एक्सेस क्रेडेंशियल प्राप्त करें
 
 ### मुख्य कमांड (Core Commands)
 

package/docs/hi/configuration.md

@@ -1,6 +1,6 @@
 ---
 createdAt: 2024-08-13
-updatedAt: 2026-06-23
+updatedAt: 2026-07-11
 title: कॉन्फ़िगरेशन (Configuration)
 description: जानें कि अपने एप्लिकेशन के लिए Intlayer को कैसे कॉन्फ़िगर करें। Intlayer को अपनी आवश्यकताओं के अनुसार अनुकूलित करने के लिए उपलब्ध विभिन्न सेटिंग्स और विकल्पों को समझें।
 keywords:
@@ -14,6 +14,9 @@ slugs:
   - concept
   - configuration
 history:
+  - version: 9.0.0
+    date: 2026-07-11
+    changes: "`analytics` कॉन्फ़िगरेशन जोड़ा गया"
   - version: 9.0.0
     date: 2026-06-24
     changes: "Add `enableProxy` option to the routing configuration"
@@ -355,6 +358,30 @@ const config: IntlayerConfig = {
     liveSync: true,
   },
 
+  /**
+   * एनालिटिक्स (analytics) कॉन्फ़िगरेशन।
+   */
+  analytics: {
+    /**
+     * क्या एनालिटिक्स संग्रहण सक्षम है (पेज व्यू, कंटेंट एक्सपोज़र, A/B इवेंट्स)।
+     * एट्रिब्यूशन के लिए `editor.clientId` सेट होना आवश्यक है।
+     * डिफ़ॉल्ट: false
+     */
+    enabled: true,
+
+    /**
+     * बैकएंड को स्वचालित बैच फ़्लश के बीच मिलीसेकंड।
+     * डिफ़ॉल्ट: 20000
+     */
+    flushInterval: 20000,
+
+    /**
+     * रिकॉर्ड करने के लिए सत्रों (sessions) का अंश, 0 (कोई नहीं) से 1 (सभी) तक।
+     * डिफ़ॉल्ट: 1
+     */
+    sampleRate: 1,
+  },
+
   /**
    * AI का उपयोग करके अनुवाद और जनरेशन के लिए सेटिंग्स।
    */
@@ -661,6 +688,20 @@ export default config;
 
 ---
 
+### एनालिटिक्स कॉन्फ़िगरेशन (Analytics)
+
+Intlayer एनालिटिक्स से संबंधित सेटिंग्स को परिभाषित करता है: उपयोगकर्ताओं को वास्तव में दिखाए जाने वाले कंटेंट (पेज व्यू, कंटेंट एक्सपोज़र) को एकत्र करना और कंटेंट पर A/B परीक्षण को सक्षम बनाना।
+
+एनालिटिक्स पूरी तरह से ऑप्ट-इन (opt-in) है: जब तक `analytics.enabled` को स्पष्ट रूप से `true` पर सेट न किया जाए **और** एट्रिब्यूशन के लिए एक प्रोजेक्ट कुंजी (`editor.clientId`) कॉन्फ़िगर न की जाए, तब तक कुछ भी एकत्र नहीं किया जाता। अक्षम होने पर (डिफ़ॉल्ट), संपूर्ण एनालिटिक्स इंटीग्रेशन आपके एप्लिकेशन बंडल से हटा दिया जाता है (dead-code elimination)।
+
+| फ़ील्ड          | विवरण                                                                       | प्रकार    | डिफ़ॉल्ट | उदाहरण  | नोट                                                                                                                      |
+| --------------- | --------------------------------------------------------------------------- | --------- | -------- | ------- | ------------------------------------------------------------------------------------------------------------------------ |
+| `enabled`       | एनालिटिक्स संग्रहण सक्षम करता है (पेज व्यू, कंटेंट एक्सपोज़र, A/B इवेंट्स)। | `boolean` | `false`  | `true`  | एट्रिब्यूशन के लिए `editor.clientId` सेट होना आवश्यक है; अन्यथा `enabled` के `true` होने पर भी एनालिटिक्स अक्षम रहता है। |
+| `flushInterval` | बैकएंड को स्वचालित बैच फ़्लश के बीच मिलीसेकंड।                              | `number`  | `20000`  | `10000` |                                                                                                                          |
+| `sampleRate`    | रिकॉर्ड करने के लिए सत्रों का अंश, `0` (कोई नहीं) से `1` (सभी) तक।          | `number`  | `1`      | `0.5`   | सैंपलिंग प्रति सत्र निर्धारक (deterministic) है, इसलिए एक रिकॉर्ड किया गया सत्र अपने सभी इवेंट्स की रिपोर्ट करता है।     |
+
+---
+
 ### राउटींग कॉन्फ़िगरेशन (Routing)
 
 URL संरचना, लोकेल स्टोरेज और मिडलवेयर प्रबंधन सहित राउटींग व्यवहार को नियंत्रित करने वाली सेटिंग्स।

package/docs/hi/intlayer_CMS.md

@@ -1,6 +1,6 @@
 ---
 createdAt: 2025-08-23
-updatedAt: 2026-06-30
+updatedAt: 2026-07-08
 title: Intlayer CMS | अपने कंटेंट को Intlayer CMS में बाहरीकृत करें
 description: अपने कंटेंट को Intlayer CMS में बाहरीकृत करें ताकि आप अपनी टीम को कंटेंट प्रबंधन सौंप सकें।
 keywords:
@@ -18,6 +18,9 @@ slugs:
   - cms
 youtubeVideo: https://www.youtube.com/watch?v=UDDTnirwi_4
 history:
+  - version: 9.0.0
+    date: 2026-07-08
+    changes: "'लाइव सिंक' सेक्शन को उसके अपने पेज (live-sync.md) पर ले जाया गया, यहां केवल एक संक्षिप्त परिचय और लिंक रखा गया"
   - version: 9.0.0
     date: 2026-06-30
     changes: "स्व-होस्टिंग अनुभाग जोड़ें"
@@ -248,133 +251,7 @@ bun x intlayer dictionary push -d my-first-dictionary-key --env production
 
 लाइव सिंक आपकी ऐप को रनटाइम पर CMS सामग्री परिवर्तनों को प्रतिबिंबित करने देता है। पुनर्निर्माण या पुनः तैनाती की आवश्यकता नहीं होती। जब सक्षम किया जाता है, तो अपडेट्स लाइव सिंक सर्वर को स्ट्रीम किए जाते हैं जो आपके एप्लिकेशन द्वारा पढ़े जाने वाले शब्दकोशों को ताज़ा करता है।
 
-> लाइव सिंक के लिए एक निरंतर सर्वर कनेक्शन आवश्यक होता है और यह एंटरप्राइज योजना पर उपलब्ध है।
-
-अपने Intlayer कॉन्फ़िगरेशन को अपडेट करके लाइव सिंक सक्षम करें:
-
-```typescript fileName="intlayer.config.ts" codeFormat={["typescript", "esm", "commonjs"]}
-import type { IntlayerConfig } from "intlayer";
-
-const config: IntlayerConfig = {
-  // ... अन्य कॉन्फ़िगरेशन सेटिंग्स
-  editor: {
-    /**
-     * जब परिवर्तन पता चलते हैं तो लोकल कॉन्फ़िगरेशन के हॉट रीलोडिंग को सक्षम करता है।
-     * उदाहरण के लिए, जब कोई शब्दकोश जोड़ा या अपडेट किया जाता है, तो एप्लिकेशन
-     * पृष्ठ पर प्रदर्शित सामग्री को अपडेट करता है।
-     *
-     * क्योंकि हॉट रीलोडिंग के लिए सर्वर से निरंतर कनेक्शन आवश्यक है,
-     * यह केवल `enterprise` योजना के क्लाइंट्स के लिए उपलब्ध है।
-     *
-     * डिफ़ॉल्ट: false
-     */
-    liveSync: true,
-  },
-  dictionary: {
-    /**
-     * नियंत्रित करता है कि शब्दकोश कैसे आयात किए जाते हैं:
-     *
-     * - "live": शब्दकोश लाइव सिंक API का उपयोग करके गतिशील रूप से प्राप्त किए जाते हैं।
-     *   useIntlayer को useDictionaryDynamic से प्रतिस्थापित करता है।
-     *
-     * नोट: लाइव मोड शब्दकोश प्राप्त करने के लिए लाइव सिंक API का उपयोग करता है। यदि API कॉल विफल हो जाती है,
-     * तो शब्दकोश गतिशील रूप से आयात किए जाते हैं।
-     * नोट: केवल दूरस्थ सामग्री वाले और "live" फ्लैग वाले शब्दकोश लाइव मोड का उपयोग करते हैं।
-     * अन्य प्रदर्शन के लिए डायनेमिक मोड का उपयोग करते हैं।
-     */
-    importMode: "fetch",
-  },
-};
-
-export default config;
-```
-
-अपने एप्लिकेशन को रैप करने के लिए लाइव सिंक सर्वर शुरू करें:
-
-Next.js का उपयोग करने का उदाहरण:
-
-```json5 fileName="package.json"
-{
-  "scripts": {
-    // ... अन्य स्क्रिप्ट्स
-    "build": "next build",
-    "dev": "next dev",
-    "start": "npx intlayer live --with 'next start'",
-  },
-}
-```
-
-Vite का उपयोग करने का उदाहरण:
-
-```json5 fileName="package.json"
-{
-  "scripts": {
-    // ... अन्य स्क्रिप्ट्स
-    "build": "vite build",
-    "dev": "vite dev",
-    "start": "npx intlayer live --with 'vite start'",
-  },
-}
-```
-
-लाइव सिंक सर्वर आपके एप्लिकेशन को रैप करता है और जैसे ही अपडेटेड कंटेंट आता है, उसे स्वचालित रूप से लागू करता है।
-
-CMS से परिवर्तन सूचनाएँ प्राप्त करने के लिए, Live Sync सर्वर बैकएंड के साथ एक SSE कनेक्शन बनाए रखता है। जब CMS में सामग्री बदलती है, तो बैकएंड अपडेट को Live Sync सर्वर को अग्रेषित करता है, जो नए शब्दकोश लिखता है। आपका एप्लिकेशन अगले नेविगेशन या ब्राउज़र रीलोड पर अपडेट को प्रतिबिंबित करेगा, कोई पुनर्निर्माण आवश्यक नहीं है।
-
-फ्लो चार्ट (CMS/बैकएंड -> Live Sync सर्वर -> एप्लिकेशन सर्वर -> फ्रंटेंड):
-
-![Live Sync Logic Schema](https://github.com/aymericzip/intlayer/blob/main/docs/assets/live_sync_logic_schema.svg)
-
-यह कैसे काम करता है:
-
-![Live Sync Flow CMS/Backend/Live Sync Server/Application Server/Frontend Schema](https://github.com/aymericzip/intlayer/blob/main/docs/assets/live_sync_flow_scema.svg)
-
-### विकास कार्यप्रवाह (स्थानीय)
-
-- विकास में, जब एप्लिकेशन शुरू होता है तो सभी रिमोट शब्दकोश प्राप्त किए जाते हैं, ताकि आप जल्दी से अपडेट का परीक्षण कर सकें।
-- Next.js के साथ स्थानीय रूप से Live Sync का परीक्षण करने के लिए, अपने dev सर्वर को इस प्रकार लपेटें:
-
-```json5 fileName="package.json"
-{
-  "scripts": {
-    // ... अन्य स्क्रिप्ट्स
-    "dev": "npx intlayer live --with 'next dev'",
-    // "dev": "npx intlayer live --with 'vite dev'", // Vite के लिए
-  },
-}
-```
-
-विकास के दौरान Intlayer लाइव इम्पोर्ट ट्रांसफ़ॉर्मेशन लागू करने के लिए ऑप्टिमाइज़ेशन सक्षम करें:
-
-```typescript fileName="intlayer.config.ts" codeFormat={["typescript", "esm", "commonjs"]}
-import type { IntlayerConfig } from "intlayer";
-
-const config: IntlayerConfig = {
-  editor: {
-    applicationURL: "http://localhost:5173",
-    liveSyncURL: "http://localhost:4000",
-    liveSync: true,
-  },
-  dictionary: {
-    importMode: "fetch",
-  },
-  build: {
-    optimize: true,
-  },
-};
-
-export default config;
-```
-
-यह सेटअप आपके डेवलपमेंट सर्वर को लाइव सिंक सर्वर के साथ लपेटता है, स्टार्टअप पर रिमोट डिक्शनरीज़ को प्राप्त करता है, और CMS से SSE के माध्यम से अपडेट्स को स्ट्रीम करता है। परिवर्तनों को देखने के लिए पेज को रिफ्रेश करें।
-
-नोट्स और प्रतिबंध:
-
-- अपने साइट सुरक्षा नीति (CSP) में लाइव सिंक ओरिजिन को जोड़ें। सुनिश्चित करें कि `connect-src` (और यदि प्रासंगिक हो तो `frame-ancestors`) में लाइव सिंक URL की अनुमति हो।
-- लाइव सिंक स्थैतिक आउटपुट के साथ काम नहीं करता। Next.js के लिए, पेज को रनटाइम पर अपडेट प्राप्त करने के लिए डायनामिक होना चाहिए (जैसे, पूर्ण स्थैतिक-केवल प्रतिबंधों से बचने के लिए `generateStaticParams`, `generateMetadata`, `getServerSideProps`, या `getStaticProps` का उपयुक्त उपयोग करें)।
-- CMS में, प्रत्येक शब्दकोश में एक `live` फ़्लैग होता है। केवल वे शब्दकोश जिनका `live=true` होता है, उन्हें लाइव सिंक API के माध्यम से प्राप्त किया जाता है; अन्य शब्दकोश गतिशील रूप से आयात किए जाते हैं और रनटाइम में अपरिवर्तित रहते हैं।
-- `live` फ़्लैग प्रत्येक शब्दकोश के लिए बिल्ड समय पर मूल्यांकित किया जाता है। यदि बिल्ड के दौरान रिमोट सामग्री को `live=true` के रूप में चिह्नित नहीं किया गया था, तो उस शब्दकोश के लिए लाइव सिंक सक्षम करने के लिए आपको पुनः बिल्ड करना होगा।
-- लाइव सिंक सर्वर को `.intlayer` में लिखने में सक्षम होना चाहिए। कंटेनरों में, `/.intlayer` पर लिखने की अनुमति सुनिश्चित करें।
+पूर्ण सेटअप गाइड (सक्षम करना, Live Sync सर्वर शुरू करना, स्थानीय विकास वर्कफ़्लो, और सीमाओं) के लिए, [Live Sync दस्तावेज़](https://github.com/aymericzip/intlayer/blob/main/docs/docs/hi/live-sync.md) देखें।
 
 ## स्व-होस्टिंग (Self-Hosting)