Autor:
    Aymeric PINEAU
    Data utworzenia:2026-09-19Ostatnia aktualizacja:2026-09-19

    Pakiet remix-intlayer

    Pakiet remix-intlayer dostarcza narzędzia do integracji Intlayer z aplikacjami Remix 3. Zawiera middleware do wykrywania języka (locale) żądania, dostęp do kontekstu żądania oraz hooki do pobierania słowników i zarządzania językami.

    Instalacja

    bash
    npm install remix-intlayer

    Eksporty pakietu

    Middleware

    Import:

    tsx
    import { intlayer } from "remix-intlayer";
    EksportTypOpisPowiązana dokumentacja
    intlayerFunkcja middlewareMiddleware dla Remix 3 wykrywające język żądania, zarządzające przekierowaniami i wypełniające kontekst żądania.Middleware intlayer

    Przechowywanie kontekstu

    Import:

    tsx
    import { Intlayer, INTLAYER_CONTEXT_PROPERTY } from "remix-intlayer";
    EksportTypOpisPowiązana dokumentacja
    IntlayerKlucz RequestContext / magazynKlucz kontekstu żądania używany do pobierania stanu Intlayer z kontekstu żądania Remix 3 (context.get(Intlayer)).Kontekst Intlayer
    INTLAYER_CONTEXT_PROPERTYstringNazwa właściwości ('intlayer') zainstalowana bezpośrednio w kontekście żądania, umożliwiająca dostęp poprzez context.intlayer oraz context.get(Intlayer).-

    Hooki

    Import:

    tsx
    import { useIntlayer, useDictionary, useLocale } from "remix-intlayer";
    EksportTypOpisPowiązana dokumentacja
    useIntlayerHookPobiera i przetwarza zawartość słownika na podstawie klucza dla bieżącego języka żądania.Hook useIntlayer
    useDictionaryHookZwraca zawartość zaimportowanego obiektu słownika odpowiadającą bieżącemu językowi żądania.Hook useDictionary
    useLocaleHookZapewnia dostęp do bieżącego języka żądania, domyślnego języka oraz listy dostępnych języków w projekcie.Hook useLocale

    Narzędzia pomocnicze

    Import:

    tsx
    import { createLocaleRouting, getIntlayerState } from "remix-intlayer";
    FunkcjaOpisPowiązana dokumentacja
    createLocaleRoutingCzysta funkcja obliczająca decyzję o routingu na podstawie locale (redirect, rewrite lub pass) dla danego żądania, konfiguracji i opcji.-
    getIntlayerStateOdczytuje bieżący stan IntlayerState (locale, defaultLocale, availableLocales) z zakresu żądania AsyncLocalStorage poza komponentami React.-

    Formatery (remix-intlayer/format)

    Import:

    tsx
    import {
  useIntl,
  useDate,
  useNumber,
  useCurrency,
  usePercentage,
  useRelativeTime,
  useList,
  useUnit,
  useCompact,
} from "remix-intlayer/format";
    HookOpis
    useIntlZwraca instancję Intl powiązaną z lokalizacją zapytania lub klienta, z obsługą pamięci podręcznej.
    useDateZwraca funkcję formatowania daty powiązaną z bieżącą lokalizacją (Intl.DateTimeFormat).
    useNumberZwraca funkcję formatowania liczb powiązaną z bieżącą lokalizacją (Intl.NumberFormat).
    useCurrencyZwraca funkcję formatowania waluty powiązaną z bieżącą lokalizacją.
    usePercentageZwraca funkcję formatowania wartości procentowych powiązaną z bieżącą lokalizacją.
    useRelativeTimeZwraca funkcję formatowania czasu względnego powiązaną z bieżącą lokalizacją (Intl.RelativeTimeFormat).
    useListZwraca funkcję formatowania list powiązaną z bieżącą lokalizacją (Intl.ListFormat).
    useUnitZwraca funkcję formatowania jednostek powiązaną z bieżącą lokalizacją.
    useCompactZwraca funkcję kompaktowego formatowania liczb powiązaną z bieżącą lokalizacją (np. 1.5K).

    Narzędzia HTML (remix-intlayer/html)

    Import:

    tsx
    import { renderHTML, useHTML, useHTMLRenderer } from "remix-intlayer/html";
    EksportTypOpis
    renderHTMLFunctionSamodzielna funkcja narzędziowa do renderowania węzłów HTML.
    useHTMLHookHook do pobierania kontekstu dostawcy HTML oraz konfiguracji.
    useHTMLRendererHookHook do uzyskania wstępnie skonfigurowanej funkcji renderera HTML.

    Narzędzia Markdown (remix-intlayer/markdown)

    Import:

    tsx
    import {
  compileMarkdown,
  renderMarkdown,
  parseMarkdown,
  useMarkdown,
  useMarkdownRenderer,
} from "remix-intlayer/markdown";
    EksportTypOpis
    compileMarkdownFunctionKompiluje ciągi znaków markdown do postaci ustrukturyzowanej.
    renderMarkdownFunctionRenderuje zawartość markdown do węzłów wyjściowych.
    parseMarkdownFunctionAnalizuje surową zawartość markdown do drzewa AST.
    useMarkdownHookHook do pobierania kontekstu dostawcy markdown.
    useMarkdownRendererHookHook do uzyskania wstępnie skonfigurowanej funkcji renderera Markdown.

    Typy

    Import:

    tsx
    import type {
  IntlayerState,
  IntlayerMiddlewareOptions,
  LocaleRoutingOptions,
  LocaleRoutingAction,
  LocaleRoutingRequest,
  UseLocaleResult,
} from "remix-intlayer";
    TypOpis
    IntlayerStateObiekt stanu przechowujący locale, defaultLocale i availableLocales w kontekście żądania Remix.
    IntlayerMiddlewareOptionsOpcje konfiguracyjne przekazywane do middleware intlayer().
    LocaleRoutingOptionsOpcje dostosowujące prefiksowanie locale, wykrywanie i przekierowania.
    LocaleRoutingActionDyskryminowana unia reprezentująca decyzję o routingu: redirect, rewrite lub pass.
    LocaleRoutingRequestMinimalna reprezentacja żądania wymagana przez createLocaleRouting.
    UseLocaleResultTyp zwracany przez useLocale(), zawierający locale, defaultLocale i availableLocales.
    useLocaleintlayer