Autor:
    Aymeric PINEAU
    Erstellung:2026-09-19Letzte Aktualisierung:2026-09-19

    remix-intlayer Paket

    Das remix-intlayer-Paket bietet die erforderlichen Werkzeuge zur Integration von Intlayer in Remix 3-Anwendungen. Vollständig auf Webstandards aufgebaut (Request, Response, Headers und URL), bietet es eine Router-Middleware für sprachenbasiertes Routing und interne Umschreibungen, Kontextspeicherung, Hooks und Formatierungsdienstprogramme für die Verwaltung mehrsprachiger Inhalte.

    Installation

    bash
    npm install remix-intlayer

    Exporte

    Middleware

    Import:

    tsx
    import { intlayer } from "remix-intlayer";
    FunktionBeschreibungZugehörige Doc
    intlayerRemix 3-Router-Middleware, die sprachenbasiertes Routing (Weiterleitungen und interne Umschreibungen) handhabt, die Request-Locale auflöst, sie in Cookies/Headern speichert und den Request-Kontextbereich initialisiert.intlayer

    Kontext

    Import:

    tsx
    import { Intlayer, INTLAYER_CONTEXT_PROPERTY } from "remix-intlayer";
    ExportTypBeschreibungZugehörige Doc
    IntlayerContextKeyRequestContext-Schlüssel, der den IntlayerState (locale, defaultLocale, availableLocales) für die aktuelle Anfrage enthält.Intlayer
    INTLAYER_CONTEXT_PROPERTYstringEigenschaftsname ('intlayer'), der direkt auf dem Request-Kontext installiert ist, zugänglich über context.intlayer und context.get(Intlayer).-

    Hooks

    Import:

    tsx
    import { useIntlayer, useDictionary, useLocale } from "remix-intlayer";
    HookBeschreibungZugehörige Doc
    useIntlayerWählt ein Wörterbuch anhand seines Schlüssels aus und gibt dessen Inhalt für die Locale der aktuellen Anfrage zurück. Liest automatisch aus dem Request-Kontext.useIntlayer
    useDictionaryTransformiert ein importiertes Wörterbuchobjekt und gibt dessen Inhalt für die aktuelle Request-Locale zurück. Unterstützt Selektoren.useDictionary
    useLocaleGibt die aufgelöste Locale der aktuellen Anfrage zusammen mit defaultLocale und availableLocales zurück.useLocale

    Hilfsprogramme

    Import:

    tsx
    import { createLocaleRouting, getIntlayerState } from "remix-intlayer";
    FunktionBeschreibungZugehörige Doc
    createLocaleRoutingReine Funktion, die Routing-Entscheidungen (redirect, rewrite oder pass) basierend auf Anfrage, Konfiguration und Optionen berechnet.-
    getIntlayerStateLiest den aktuellen IntlayerState (locale, defaultLocale, availableLocales) aus dem AsyncLocalStorage-Requestbereich.-

    Formatierer (remix-intlayer/format)

    Import:

    tsx
    import {
  useIntl,
  useDate,
  useNumber,
  useCurrency,
  usePercentage,
  useRelativeTime,
  useList,
  useUnit,
  useCompact,
} from "remix-intlayer/format";
    HookBeschreibung
    useIntlGibt eine an die Request-Locale gebundene Intl-Instanz mit Caching- und Abonnementfunktionen zurück.
    useDateGibt eine an die Request-Locale gebundene Datumsformatierungsfunktion zurück (Intl.DateTimeFormat).
    useNumberGibt eine an die Request-Locale gebundene Zahlenformatierungsfunktion zurück (Intl.NumberFormat).
    useCurrencyGibt eine an die Request-Locale gebundene Währungsformatierungsfunktion zurück.
    usePercentageGibt eine an die Request-Locale gebundene Prozentformatierungsfunktion zurück.
    useRelativeTimeGibt eine an die Request-Locale gebundene relative Zeitformatierungsfunktion zurück (Intl.RelativeTimeFormat).
    useListGibt eine an die Request-Locale gebundene Listenformatierungsfunktion zurück (Intl.ListFormat).
    useUnitGibt eine an die Request-Locale gebundene Einheitenformatierungsfunktion zurück.
    useCompactGibt eine an die Request-Locale gebundene kompakte Zahlenformatierungsfunktion zurück (z. B. 1.5K).

    HTML-Dienstprogramme (remix-intlayer/html)

    Import:

    tsx
    import { renderHTML, useHTML, useHTMLRenderer } from "remix-intlayer/html";
    ExportTypBeschreibung
    renderHTMLFunctionDienstprogrammfunktion zum Rendern von HTML-Knoten außerhalb der Benutzeroberfläche.
    useHTMLHookHook zum Abrufen des HTML-Provider-Kontexts und der Konfiguration.
    useHTMLRendererHookHook zum Abrufen einer vorkonfigurierten HTML-Renderer-Funktion.

    Markdown-Dienstprogramme (remix-intlayer/markdown)

    Import:

    tsx
    import {
  compileMarkdown,
  renderMarkdown,
  parseMarkdown,
  useMarkdown,
  useMarkdownRenderer,
} from "remix-intlayer/markdown";
    ExportTypBeschreibung
    compileMarkdownFunctionKompiliert Markdown-Zeichenfolgen in eine strukturierte Darstellung.
    renderMarkdownFunctionRendert Markdown-Inhalte in Ausgabeknoten.
    parseMarkdownFunctionAnalysiert rohen Markdown-Inhalt in einen AST.
    useMarkdownHookHook für den Zugriff auf den Markdown-Provider-Kontext.
    useMarkdownRendererHookHook zum Abrufen einer vorkonfigurierten Markdown-Renderer-Funktion.

    Typen

    Import:

    tsx
    import type {
  IntlayerState,
  IntlayerMiddlewareOptions,
  LocaleRoutingOptions,
  LocaleRoutingAction,
  LocaleRoutingRequest,
  UseLocaleResult,
} from "remix-intlayer";
    TypBeschreibung
    IntlayerStateZustandsobjekt mit locale, defaultLocale und availableLocales, das im Remix-Kontext gespeichert ist.
    IntlayerMiddlewareOptionsKonfigurationsoptionen für die intlayer()-Middleware.
    LocaleRoutingOptionsOptionen zur Anpassung von Locale-Präfixen, Erkennung und Weiterleitungen.
    LocaleRoutingActionDiskriminierte Union, die die Routing-Entscheidung darstellt: redirect, rewrite oder pass.
    LocaleRoutingRequestMinimale Anfrage-Darstellung für createLocaleRouting.
    UseLocaleResultRückgabetyp von useLocale(), der locale, defaultLocale und availableLocales enthält.
    useLocaleintlayer