@intlayer/docs 6.0.0 → 6.0.2-canary.0

package/docs/de/releases/v6.md

@@ -0,0 +1,298 @@
+---
+createdAt: 2025-09-22
+updatedAt: 2025-09-22
+title: Neue Intlayer v6 – Was ist neu?
+description: Entdecken Sie, was neu ist in Intlayer v6. Wichtige Verbesserungen in Leistung, Entwicklererfahrung und neue Funktionen zur Optimierung Ihres Internationalisierungs-Workflows.
+keywords:
+  - Intlayer
+  - Lokalisierung
+  - Entwicklung
+  - Leistung
+  - Entwicklererfahrung
+  - Funktionen
+  - React
+  - Next.js
+  - JavaScript
+  - TypeScript
+slugs:
+  - doc
+  - releases
+  - v6
+---
+
+# Neue Intlayer v6 – Was ist neu?
+
+Willkommen bei Intlayer v6! Diese Version konzentriert sich auf Leistung, Entwicklererfahrung und Zuverlässigkeit. Nachfolgend finden Sie die Highlights, Migrationshinweise und kopierbare Beispiele.
+
+## Highlights
+
+- Neuer Befehl: `npx intlayer content test` zum Erkennen fehlender Übersetzungen
+- Neue globale `autoFill`-Option zur automatischen Generierung fehlender Übersetzungen
+- Fill-Befehl überspringt standardmäßig vorhandene Übersetzungen: `npx intlayer fill`
+- VS Code-Erweiterung: neue Intlayer-Aktivitätsleiste (Suche & Wörterbücher), Toolbar-/Kontextaktionen, automatische Anzeige, Fill-/Test-Befehle
+- 10× schnellere Builds dank paralleler Verarbeitung von Promises
+- Remote-Wörterbuch-Caching, um erneutes Abrufen beim App-Start zu vermeiden
+- Verbesserte Protokollierung: `log.mode: 'verbose'` einstellen, um das Verhalten zu überprüfen
+- Stärkere Validierung, um App-Abstürze bei Wörterbuchproblemen zu verhindern
+- Live-Updates mit CMS durch `build.importMode = 'live'` und `pnpm intlayer live`
+- Fehlerbehebungen: Vue.js-Integration, Lynx-Adapter, Visual Editor unter Windows
+
+---
+
+## Neu: Fehlende Übersetzungen testen
+
+Prüfen Sie schnell Ihr Projekt, um fehlende Schlüssel/Sprachen zu finden.
+
+```bash
+npx intlayer content test
+```
+
+Ausgabe:
+
+```bash
+pnpm intlayer content test
+Fehlende Übersetzungen:
+ - blog-data       - Japanisch (ja), Koreanisch (ko), Chinesisch (zh), Deutsch (de), Italienisch (it) - src/components/BlogPage/blogData.content.ts
+ - demo-page       - Französisch (fr), Italienisch (it)                                         - src/components/DemoPage/demo.content.ts
+ - locale-switcher - Italienisch (it), Portugiesisch (pt)                                       - src/components/LocaleSwitcher/localeSwitcher.content.ts
+Sprachversionen: Englisch (en), Russisch (ru), Japanisch (ja), Französisch (fr), Koreanisch (ko), Chinesisch (zh), Spanisch (es), Deutsch (de), Arabisch (ar), Italienisch (it), Britisches Englisch (en-GB), Portugiesisch (pt), Hindi (hi)
+Erforderliche Sprachversionen: Englisch (en)
+Fehlende Sprachversionen: Japanisch (ja), Koreanisch (ko), Chinesisch (zh), Deutsch (de), Italienisch (it), Französisch (fr), Portugiesisch (pt)
+Fehlende erforderliche Sprachversionen: -
+Insgesamt fehlende Sprachversionen: 7
+Insgesamt fehlende erforderliche Sprachversionen: 0
+```
+
+Siehe weitere Optionen in der CLI-Dokumentation: [CLI-Referenz](https://github.com/aymericzip/intlayer/blob/main/docs/docs/de/intlayer_cli.md) → „Test fehlender Übersetzungen“. Ebenso der [Testing](https://github.com/aymericzip/intlayer/blob/main/docs/docs/de/testing.md)-Leitfaden.
+
+---
+
+## Neu: Globales autoFill zum automatischen Vervollständigen fehlender Übersetzungen
+
+Sie können jetzt autoFill global aktivieren, sodass jedes Wörterbuch mit fehlenden Übersetzungen automatisch vervollständigt wird.
+
+```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: {
+    // Fehlende Übersetzungen für alle Wörterbücher automatisch generieren
+    autoFill: "./{{fileName}}.content.ts",
+    //
+    // autoFill: "/messages/{{locale}}/{{key}}/{{fileName}}.content.json",
+    //
+    // autoFill: true, // Fehlende Übersetzungen für alle Wörterbücher automatisch generieren, ähnlich wie "./{{fileName}}.content.json"
+    //
+    // autoFill: {
+    //   en: "./{{fileName}}.en.content.json",
+    //   fr: "./{{fileName}}.fr.content.json",
+    //   es: "./{{fileName}}.es.content.json",
+    // },
+  },
+};
+
+export default config;
+```
+
+Sie können pro Wörterbuch weiterhin mit dem Feld `autoFill` in Inhaltsdateien feinabstimmen. Die vollständige Referenz finden Sie in `doc/autoFill` und `doc/dictionary/content_file`.
+
+---
+
+## Fill-Befehl: sicherere Standardeinstellungen
+
+Der Fill-Befehl füllt jetzt standardmäßig nur fehlende Übersetzungen und überspringt vorhandene Inhalte.
+
+```bash
+npx intlayer fill
+```
+
+```bash
+Betroffene Wörterbuchschlüssel zur Verarbeitung: access-key-creation-form-schema, doc-search-metadata, doc-search-page
+  - [access-key-creation-form-schema]      Wörterbuch hat keinen Dateipfad. Überspringen.
+  - [access-key-creation-form-schema]      Verarbeite Inhaltsdeklaration: src/components/Dashboard/ProjectForm/AccessKey/useAccessKeyCreationFormSchema.content.ts
+  - [access-key-creation-form-schema]      Keine Sprachen zum Füllen - Wörterbuch wird übersprungen
+  - [doc-search-metadata]                  Wörterbuch hat keinen Dateipfad. Überspringen.
+  - [doc-search-metadata]                  Verarbeite Inhaltsdeklaration: src/app/[locale]/(docs)/doc/search/metadata.content.ts
+  - [doc-search-metadata]                  Keine Sprachen zum Ausfüllen – Wörterbuch wird übersprungen
+  - [doc-search-page]                      Wörterbuch hat keinen Dateipfad. Überspringen.
+  - [doc-search-page]                      Verarbeite Inhaltsdeklaration: src/app/[locale]/(docs)/doc/search/page.content.ts
+  - [doc-search-page]                     [Russisch (ru)]                   Vorbereitung der Übersetzung für das Wörterbuch von Englisch (en) nach Russisch (ru)
+[intlayer]  Prettier-Formatierung auf src/app/[locale]/(docs)/doc/search/page.content.ts angewendet
+  - [doc-search-page]                      Inhaltsdeklaration geschrieben nach src/app/[locale]/(docs)/doc/search/page.content.ts
+```
+
+CI-Beispiele sind verfügbar in [CI/CD](https://github.com/aymericzip/intlayer/blob/main/docs/docs/de/CI_CD.md).
+
+---
+
+## Aktualisierte VS Code-Erweiterung
+
+Die Erweiterung enthält jetzt einen eigenen Intlayer-Tab in der Aktivitätsleiste sowie mehrere Workflow-Verbesserungen:
+
+- Intlayer-Aktivitätsleiste mit zwei Ansichten:
+  - Such-Webview (`intlayer.searchBar`) für die Live-Suche in Wörterbüchern/Inhalten
+  - Wörterbuchbaum (`intlayer.dictionaries`), der Umgebungen, Wörterbücher und beitragende Dateien auflistet
+- Symbolleiste in der Wörterbuchansicht: Erstellen, Abrufen (Pull), Senden (Push), Füllen, Aktualisieren, Testen, Wörterbuchdatei erstellen
+- Kontextmenüs: Abrufen (Pull)/Senden (Push) bei Wörterbüchern; Füllen bei Dateien
+
+- Automatisches Hervorheben: Die aktuelle Editor-Datei wird im Wörterbuchbaum hervorgehoben, wenn zutreffend
+- Neue Befehle im Befehlsmenü verfügbar: Wörterbücher füllen und Wörterbücher testen
+
+Details finden Sie in der [Offiziellen VS Code Erweiterung](https://github.com/aymericzip/intlayer/blob/main/docs/docs/de/vs_code_extension.md) Dokumentation.
+
+---
+
+## Leistung: 10× schneller
+
+- Parallele Auflösung von lokalen und entfernten Wörterbüchern
+- Entfernte Wörterbücher werden zwischengespeichert, um erneutes Abrufen beim App-Start zu vermeiden
+
+```bash
+npx intlayer build
+```
+
+Ausgabe:
+
+```bash
+[intlayer]  Vorbereitung von Intlayer (v6.0.1)
+[intlayer]  Wörterbücher:
+[intlayer]  ✓ Lokaler Inhalt: 163/163
+[intlayer]  ✓ Entferntes Inhalt: 100/100
+[intlayer]   - access-key-creation-form             [lokal: ✔ erstellt] [entfernt: ✔ importiert]
+[intlayer]   - access-key-creation-form-schema      [lokal: ✔ erstellt] [entfernt: ✔ importiert]
+[intlayer]   - access-key-form                      [lokal: ✔ erstellt] [entfernt: ✔ importiert]
+[intlayer]   - ai-ab-testing-section                                 [entfernt: ✔ importiert]
+[intlayer]   - application-not-running-view         [lokal: ✔ erstellt] [entfernt: ✔ importiert]
+[intlayer]   - application-template-message         [lokal: ✔ erstellt] [entfernt: ✔ abgerufen]
+[intlayer]   - aside-navigation                     [lokal: ✔ erstellt] [entfernt: ✔ importiert]
+[intlayer]   - ask-reset-password                   [lokal: ✔ erstellt] [entfernt: ✔ importiert]
+[intlayer]   - ask-reset-password-schema            [lokal: ✔ erstellt] [entfernt: ✔ importiert]
+[intlayer]   - autocompletion-section               [lokal: ✔ erstellt] [entfernt: ✔ abgerufen]
+[intlayer]   - available-techno-section             [lokal: ✔ erstellt] [entfernt: ✔ importiert]
+[intlayer]   - blog-data                            [lokal: ✔ erstellt]
+[intlayer]   - blog-metadata                        [lokal: ✔ erstellt]
+[intlayer]   - blog-nav-list                        [lokal: ✔ erstellt] [entfernt: ✔ importiert]
+[intlayer]   - blog-page                                             [entfernt: ✔ abgerufen]
+[intlayer]   - blog-search-metadata                 [lokal: ✔ erstellt] [entfernt: ✔ importiert]
+[intlayer]   - blog-search-page                     [lokal: ✔ erstellt] [entfernt: ✔ importiert]
+...
+[intlayer]  Inhalt geladen  (Gesamt: 8401ms - Lokal: 4050ms - Remote: 4222ms)
+```
+
+---
+
+## Verbesserungen beim Logging
+
+Das Logging-System wurde verbessert, um detailliertere Informationen darüber bereitzustellen, was während der Build- und Laufzeit-Transformationen passiert.
+
+> Aktivieren Sie ausführliche Logs, um besser zu verstehen, was während der Build- und Laufzeit-Transformationen geschieht.
+
+```ts fileName="intlayer.config.ts"
+export default {
+  log: {
+    mode: "verbose", // Optionen: "default" | "verbose" | "disabled"
+  },
+};
+```
+
+Siehe [Konfiguration](https://github.com/aymericzip/intlayer/blob/main/docs/docs/de/configuration.md) für alle Logging-Optionen.
+
+---
+
+## Stärkere Validierung
+
+Die Verarbeitung von Wörterbüchern führt jetzt eine robustere Validierung durch. Wenn ein Wörterbuch nicht verarbeitet werden kann, verhindert Intlayer, dass Ihre Anwendung abstürzt, und zeigt umsetzbare Fehler an.
+
+---
+
+## Live-Updates mit CMS (Produktion-sicher)
+
+Das Protokollierungssystem wurde verbessert, um detailliertere Informationen darüber bereitzustellen, was während der Build- und Laufzeittransformationen passiert.
+
+> Aktivieren Sie ausführliche Protokolle, um besser zu verstehen, was während der Build- und Laufzeittransformationen passiert.
+
+```ts fileName="intlayer.config.ts"
+export default {
+  log: {
+    mode: "verbose", // Optionen: "default" | "verbose" | "disabled"
+  },
+};
+```
+
+Siehe [Konfiguration](https://github.com/aymericzip/intlayer/blob/main/docs/docs/de/configuration.md) für alle Protokollierungsoptionen.
+
+---
+
+## Stärkere Validierung
+
+Die Verarbeitung von Wörterbüchern führt jetzt eine robustere Validierung durch. Wenn ein Wörterbuch nicht verarbeitet werden kann, verhindert Intlayer, dass Ihre Anwendung abstürzt, und zeigt umsetzbare Fehler an.
+
+---
+
+## Live-Updates mit CMS (Produktionssicher)
+
+Liefern Sie Live-Inhaltsaktualisierungen (z. B. redaktionelle Updates) in der Produktion, ohne Ihre Anwendung neu zu bauen.
+
+1. Aktivieren Sie den Live-Importmodus:
+
+```ts fileName="intlayer.config.ts"
+import { type IntlayerConfig } from "intlayer";
+
+const config: IntlayerConfig = {
+  build: {
+    importMode: "live", // "static" | "dynamic" | "live"
+  },
+  editor: {
+    liveSync: true, // Live-Synchronisation serverseitig aktivieren
+  },
+};
+
+export default config;
+```
+
+2. Führen Sie Ihre App und den Live-Prozess parallel aus:
+
+```bash
+npx intlayer live --process 'vite preview'
+```
+
+Hinweise:
+
+- Nur Wörterbücher, die für den Live-Modus gekennzeichnet sind, werden live abgerufen. Andere sind für Leistung optimiert.
+- Fällt auf dynamischen Import zurück, wenn die Live-API nicht erreichbar ist.
+
+Siehe [CMS und Live-Sync](https://github.com/aymericzip/intlayer/blob/main/docs/docs/de/intlayer_CMS.md) und [Konfiguration](https://github.com/aymericzip/intlayer/blob/main/docs/docs/de/configuration.md) für vollständige Anleitungen.
+
+---
+
+## Migrationshinweise
+
+- Entfernt: `dictionaryOutput` (früher `i18next` oder `next-intl`). Dies wird in zukünftigen Versionen als anpassbare Adapter zurückkehren. Entfernen Sie das Feld aus Ihrer Konfiguration.
+- Verwandte Entfernung: `i18nextResourcesDir` (siehe `doc/configuration` Changelog).
+- Bevorzugen Sie die neue globale Option `content.autoFill`, um fehlende Übersetzungen im großen Maßstab zu generieren.
+- Verwenden Sie `npx intlayer content test`, um PRs auf fehlende Übersetzungen zu prüfen.
+- Für ausführliche Diagnosen setzen Sie `log.mode = 'verbose'`.
+
+---
+
+## Fehlerbehebungen
+
+- Stabilität der Vue.js-Integration
+- Verbesserungen des Lynx-Adapters
+- Visueller Editor unter Windows
+
+---
+
+## Nützliche Links
+
+- [CLI-Referenz](https://github.com/aymericzip/intlayer/blob/main/docs/docs/de/intlayer_cli.md)
+- [Auto‑fill](https://github.com/aymericzip/intlayer/blob/main/docs/docs/de/autoFill.md)
+- [Konfiguration](https://github.com/aymericzip/intlayer/blob/main/docs/docs/de/configuration.md)
+- [Referenz für Inhaltsdateien](https://github.com/aymericzip/intlayer/blob/main/docs/docs/de/dictionary/content_file.md)
+- [Offizielle VS Code Erweiterung](https://github.com/aymericzip/intlayer/blob/main/docs/docs/de/vs_code_extension.md)
+- [CMS und Live-Synchronisation](https://github.com/aymericzip/intlayer/blob/main/docs/docs/de/intlayer_CMS.md)

package/docs/de/roadmap.md

@@ -112,18 +112,16 @@ Intlayer bietet verschiedene Methoden zum Einfügen und Verwalten dynamischer In
 Intlayer unterstützt **TypeScript** (auch JavaScript) und **JSON** zur Deklaration von Inhalten.
 
 - **TypeScript**:
-
   - Stellt sicher, dass Ihre Inhaltsstruktur korrekt ist und keine Übersetzungen fehlen.
   - Bietet strenge oder flexiblere Validierungsmodi.
   - Ermöglicht das dynamische Abrufen von Daten aus Variablen, Funktionen oder externen APIs.
 
 - **JSON**:
-
   - Erleichtert die Integration mit externen Tools (wie visuellen Editoren) aufgrund seines standardisierten Formats.
 
   > Ressourcen:
   >
-  > - [Formate zur Inhaltsdeklaration](https://github.com/aymericzip/intlayer/blob/main/docs/docs/de/dictionary/content_extention_customization.md)
+  > - [Formate zur Inhaltsdeklaration](https://github.com/aymericzip/intlayer/blob/main/docs/docs/de/dictionary/content_file.md)
 
 ### 7. Bereinigung, Bundle-Optimierung und dynamische Importe
 

package/docs/de/vs_code_extension.md

@@ -1,6 +1,6 @@
 ---
 createdAt: 2025-03-17
-updatedAt: 2025-06-29
+updatedAt: 2025-09-22
 title: Offizielle VS Code Erweiterung
 description: Erfahren Sie, wie Sie die Intlayer-Erweiterung in VS Code verwenden, um Ihren Entwicklungsworkflow zu verbessern. Navigieren Sie schnell zwischen lokalisierten Inhalten und verwalten Sie Ihre Wörterbücher effizient.
 keywords:
@@ -19,9 +19,9 @@ slugs:
 
 # Offizielle VS Code Erweiterung
 
-## Überblick
+## Übersicht
 
-[**Intlayer**](https://marketplace.visualstudio.com/items?itemName=Intlayer.intlayer-vs-code-extension) ist die offizielle Visual Studio Code Erweiterung für **Intlayer**, entwickelt, um die Entwicklererfahrung bei der Arbeit mit lokalisierten Inhalten in Ihren Projekten zu verbessern.
+[**Intlayer**](https://marketplace.visualstudio.com/items?itemName=Intlayer.intlayer-vs-code-extension) ist die offizielle Visual Studio Code Erweiterung für **Intlayer**, die darauf ausgelegt ist, die Entwicklererfahrung beim Arbeiten mit lokalisierten Inhalten in Ihren Projekten zu verbessern.
 
 ![Intlayer VS Code Erweiterung](https://github.com/aymericzip/intlayer/blob/main/docs/assets/vs_code_extension_demo.gif)
 
@@ -31,27 +31,75 @@ Erweiterungslink: [https://marketplace.visualstudio.com/items?itemName=Intlayer.
 
 ### Sofortige Navigation
 
-**Gehe zu Definition Unterstützung** – Verwenden Sie `Cmd+Click` (Mac) oder `Ctrl+Click` (Windows/Linux) auf einem `useIntlayer` Schlüssel, um die entsprechende Inhaltsdatei sofort zu öffnen.  
+**Unterstützung für "Gehe zu Definition"** – Verwenden Sie `⌘ + Klick` (Mac) oder `Ctrl + Klick` (Windows/Linux) auf einem `useIntlayer`-Schlüssel, um die entsprechende Inhaltsdatei sofort zu öffnen.  
 **Nahtlose Integration** – Funktioniert mühelos mit **react-intlayer** und **next-intlayer** Projekten.  
 **Mehrsprachige Unterstützung** – Unterstützt lokalisierte Inhalte in verschiedenen Sprachen.  
-**VS Code Integration** – Integriert sich nahtlos in die Navigation und das Befehlsmenü von VS Code.
+**VS Code Integration** – Integriert sich reibungslos in die Navigation und die Befehlspalette von VS Code.
 
 ### Befehle zur Verwaltung von Wörterbüchern
 
 Verwalten Sie Ihre Inhaltswörterbücher direkt aus VS Code:
 
-- **Wörterbücher erstellen** (`extension.buildDictionaries`) – Generiert Inhaltsdateien basierend auf Ihrer Projektstruktur.
-- **Wörterbücher hochladen** (`extension.pushDictionaries`) – Lädt die neuesten Wörterbuchinhalte in Ihr Repository hoch.
-- **Wörterbücher herunterladen** (`extension.pullDictionaries`) – Synchronisiert die neuesten Wörterbuchinhalte aus Ihrem Repository mit Ihrer lokalen Umgebung.
+- **Wörterbücher erstellen** – Generieren Sie Inhaltsdateien basierend auf Ihrer Projektstruktur.
+- **Wörterbücher hochladen** – Laden Sie die neuesten Wörterbuchinhalte in Ihr Repository hoch.
+- **Wörterbücher herunterladen** – Synchronisieren Sie die neuesten Wörterbuchinhalte aus Ihrem Repository mit Ihrer lokalen Umgebung.
+- **Wörterbücher füllen** – Füllen Sie Wörterbücher mit Inhalten aus Ihrem Projekt.
+- **Wörterbücher testen** – Erkennen Sie fehlende oder unvollständige Übersetzungen.
 
 ### Generator für Inhaltsdeklarationen
 
-Erstellen Sie mühelos strukturierte Wörterbuchdateien in verschiedenen Formaten:
+Erstellen Sie einfach strukturierte Wörterbuchdateien in verschiedenen Formaten:
 
-- **TypeScript (`.ts`)** – `extension.createDictionaryFile.ts`
-- **ES Modul (`.esm`)** – `extension.createDictionaryFile.esm`
-- **CommonJS (`.cjs`)** – `extension.createDictionaryFile.cjs`
-- **JSON (`.json`)** – `extension.createDictionaryFile.json`
+Wenn Sie gerade an einer Komponente arbeiten, wird die Datei `.content.{ts,tsx,js,jsx,mjs,cjs,json}` für Sie generiert.
+
+Beispiel einer Komponente:
+
+```tsx fileName="src/components/MyComponent/index.tsx"
+const MyComponent = () => {
+  const { myTranslatedContent } = useIntlayer("my-component");
+
+  return <span>{myTranslatedContent}</span>;
+};
+```
+
+Generierte Datei im TypeScript-Format:
+
+```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;
+```
+
+Verfügbare Formate:
+
+- **TypeScript (`.ts`)**
+- **ES Modul (`.esm`)**
+- **CommonJS (`.cjs`)**
+- **JSON (`.json`)**
+
+### Intlayer-Tab (Aktivitätsleiste)
+
+Öffnen Sie den Intlayer-Tab, indem Sie auf das Intlayer-Symbol in der VS Code-Aktivitätsleiste klicken. Er enthält zwei Ansichten:
+
+- **Suche**: Eine Live-Suchleiste, um Wörterbücher und deren Inhalte schnell zu filtern. Das Tippen aktualisiert die Ergebnisse sofort.
+- **Wörterbücher**: Eine Baumansicht Ihrer Umgebungen/Projekte, Wörterbuchschlüssel und der Dateien, die Einträge beitragen. Sie können:
+  - Auf eine Datei klicken, um sie im Editor zu öffnen.
+  - Die Symbolleiste verwenden, um Aktionen auszuführen: Build, Pull, Push, Fill, Refresh, Test und Create Dictionary File.
+  - Das Kontextmenü für spezifische Aktionen verwenden:
+    - Auf einem Wörterbuch: Pull oder Push
+    - Auf einer Datei: Wörterbuch füllen
+  - Beim Wechseln der Editoren zeigt der Baum die passende Datei an, wenn sie zu einem Wörterbuch gehört.
 
 ## Installation
 
@@ -62,31 +110,33 @@ Sie können **Intlayer** direkt aus dem VS Code Marketplace installieren:
 3. Suchen Sie nach **"Intlayer"**.
 4. Klicken Sie auf **Installieren**.
 
-Alternativ können Sie es über die Kommandozeile installieren:
-
-```sh
-code --install-extension intlayer
-```
-
 ## Verwendung
 
 ### Schnelle Navigation
 
 1. Öffnen Sie ein Projekt, das **react-intlayer** verwendet.
-2. Finden Sie einen Aufruf von `useIntlayer()`, zum Beispiel:
+2. Suchen Sie einen Aufruf von `useIntlayer()`, zum Beispiel:
 
    ```tsx
    const content = useIntlayer("app");
    ```
 
-3. **Befehl-Klick** (`⌘+Klick` auf macOS) oder **Strg-Klick** (auf Windows/Linux) auf den Schlüssel (z. B. `"app"`).
+3. **Command-Klick** (`⌘+Klick` auf macOS) oder **Strg-Klick** (unter Windows/Linux) auf den Schlüssel (z. B. `"app"`).
 4. VS Code öffnet automatisch die entsprechende Wörterbuchdatei, z. B. `src/app.content.ts`.
 
 ### Verwaltung von Inhaltswörterbüchern
 
+### Intlayer-Tab (Aktivitätsleiste)
+
+Verwenden Sie den seitlichen Tab, um Wörterbücher zu durchsuchen und zu verwalten:
+
+- Öffnen Sie das Intlayer-Symbol in der Aktivitätsleiste.
+- Geben Sie in **Suche** ein, um Wörterbücher und Einträge in Echtzeit zu filtern.
+- Durchsuchen Sie in **Wörterbücher** Umgebungen, Wörterbücher und Dateien. Verwenden Sie die Symbolleiste für Erstellen, Abrufen, Hochladen, Füllen, Aktualisieren, Testen und Wörterbuchdatei erstellen. Rechtsklicken Sie für Kontextaktionen (Abrufen/Hochladen bei Wörterbüchern, Füllen bei Dateien). Die aktuelle Editor-Datei wird im Baum automatisch angezeigt, wenn zutreffend.
+
 #### Wörterbücher erstellen
 
-Generieren Sie alle Wörterbuchinhaltsdateien mit:
+Generieren Sie alle Wörterbuch-Inhaltsdateien mit:
 
 ```sh
 Cmd + Shift + P (macOS) / Ctrl + Shift + P (Windows/Linux)
@@ -102,51 +152,32 @@ Laden Sie den neuesten Wörterbuchinhalt hoch:
 2. Suchen Sie nach **Wörterbücher hochladen**.
 3. Wählen Sie die hochzuladenden Wörterbücher aus und bestätigen Sie.
 
-#### Wörterbücher herunterladen
+#### Wörterbücher abrufen
 
-Synchronisieren Sie den neuesten Wörterbuchinhalt:
+Synchronisieren Sie die neuesten Wörterbuchinhalte:
 
 1. Öffnen Sie die **Befehls-Palette**.
-2. Suchen Sie nach **Wörterbücher herunterladen**.
-3. Wählen Sie die herunterzuladenden Wörterbücher aus.
-
-## Entwicklung & Beitrag
-
-Möchten Sie beitragen? Wir begrüßen Beiträge aus der Community!
+2. Suchen Sie nach **Wörterbücher abrufen**.
+3. Wählen Sie die Wörterbücher aus, die abgerufen werden sollen.
 
-Repo-URL: https://github.com/aymericzip/intlayer-vs-code-extension
+#### Wörterbücher füllen
 
-### Erste Schritte
-
-Klonen Sie das Repository und installieren Sie die Abhängigkeiten:
-
-```sh
-git clone https://github.com/aymericzip/intlayer-vs-code-extension.git
-cd intlayer-vs-code-extension
-npm install
-```
+Füllen Sie Wörterbücher mit Inhalten aus Ihrem Projekt:
 
-> Verwenden Sie den `npm`-Paketmanager für die Kompatibilität mit dem `vsce`-Paket zum Erstellen und Veröffentlichen der Erweiterung.
-
-### Im Entwicklungsmodus ausführen
-
-1. Öffnen Sie das Projekt in **VS Code**.
-2. Drücken Sie `F5`, um ein neues **Extension Development Host**-Fenster zu starten.
-
-### Pull Request einreichen
-
-Wenn Sie die Erweiterung verbessern, reichen Sie bitte einen PR auf [GitHub](https://github.com/aymericzip/intlayer-vs-code-extension) ein.
-
-## Feedback & Probleme
-
-Haben Sie einen Fehler gefunden oder eine Funktionsanfrage? Öffnen Sie ein Issue in unserem **GitHub-Repository**:
+1. Öffnen Sie die **Befehls-Palette**.
+2. Suchen Sie nach **Wörterbücher füllen**.
+3. Führen Sie den Befehl aus, um die Wörterbücher zu befüllen.
 
-[GitHub Issues](https://github.com/aymericzip/intlayer-vs-code-extension/issues)
+#### Wörterbücher testen
 
-## Lizenz
+Validieren Sie Wörterbücher und finden Sie fehlende Übersetzungen:
 
-Intlayer wird unter der **MIT-Lizenz** veröffentlicht.
+1. Öffnen Sie die **Befehls-Palette**.
+2. Suchen Sie nach **Wörterbücher testen**.
+3. Überprüfen Sie die gemeldeten Probleme und beheben Sie diese bei Bedarf.
 
 ## Dokumentationsverlauf
 
-- 5.5.10 - 2025-06-29: Historie initialisiert
+| Version | Datum      | Änderungen        |
+| ------- | ---------- | ----------------- |
+| 5.5.10  | 2025-06-29 | Verlauf initiiert |

package/docs/en/configuration.md

@@ -1,6 +1,6 @@
 ---
 createdAt: 2024-08-13
-updatedAt: 2025-09-21
+updatedAt: 2025-09-23
 title: Configuration
 description: Learn how to configure Intlayer for your application. Understand the various settings and options available to customize Intlayer to your needs.
 keywords:
@@ -532,7 +532,7 @@ Build options apply to the `@intlayer/babel` and `@intlayer/swc` plugins.
   - _Note_: Available modes:
     - "static": Dictionaries are imported statically. Replaces `useIntlayer` with `useDictionary`.
     - "dynamic": Dictionaries are imported dynamically using Suspense. Replaces `useIntlayer` with `useDictionaryDynamic`.
-    - "live": Dictionaries are fetched dynamically using the live sync API. Replaces `useIntlayer` with `useDictionaryFetch`.
+    - "live": Dictionaries are fetched dynamically using the live sync API. Replaces `useIntlayer` with `useDictionaryDynamic`.
   - _Note_: Dynamic imports rely on Suspense and may slightly impact rendering performance.
   - _Note_: If disabled all locales will be loaded at once, even if they are not used.
   - _Note_: This option relies on the `@intlayer/babel` and `@intlayer/swc` plugins.
@@ -541,6 +541,12 @@ Build options apply to the `@intlayer/babel` and `@intlayer/swc` plugins.
   - _Note_: If set to "live", only the dictionaries that are including remote content, and set as "live" flags will be transformed as live mode. Others will be imported dynamically as "dynamic" mode to optimize the number of fetch queries, and load performance.
   - _Note_: Live mode will use the live sync API to fetch the dictionaries. If the API call fails, the dictionaries will be imported dynamically as "dynamic" mode.
   - _Note_: This option will not impact the `getIntlayer`, `getDictionary`, `useDictionary`, `useDictionaryAsync` and `useDictionaryDynamic` functions.
+- **outputFormat**:
+  - _Type_: `'esm' | 'cjs'`
+  - _Default_: `'esm'`
+  - _Description_: Controls the output format of the dictionaries.
+  - _Example_: `'cjs'`
+  - _Note_: The output format of the dictionaries.
 
 - **traversePattern**:
   - _Type_: `string[]`
@@ -555,6 +561,7 @@ Build options apply to the `@intlayer/babel` and `@intlayer/swc` plugins.
 
 | Version | Date       | Changes                                                                                 |
 | ------- | ---------- | --------------------------------------------------------------------------------------- |
+| 6.0.2   | 2025-09-23 | Add `outputFormat` option                                                               |
 | 6.0.0   | 2025-09-21 | Remove `dictionaryOutput` field and `i18nextResourcesDir` field                         |
 | 6.0.0   | 2025-09-16 | Add `live` import mode                                                                  |
 | 6.0.0   | 2025-09-04 | Replace `hotReload` field by `liveSync` and add `liveSyncPort` and `liveSyncURL` fields |