Автор:
    Aymeric PINEAU
    Создание:2026-09-19Последнее обновление:2026-09-19

    Пакет remix-intlayer

    Пакет remix-intlayer предоставляет инструменты для интеграции Intlayer в приложения Remix 3. Он включает промежуточное ПО (middleware) для определения локали запроса, доступ к контексту запроса и хуки для получения словарей и управления локалями.

    Установка

    bash
    npm install remix-intlayer

    Экспорты пакета

    Промежуточное ПО (Middleware)

    Импорт:

    tsx
    import { intlayer } from "remix-intlayer";
    ЭкспортТипОписаниеСвязанная документация
    intlayerФункция MiddlewareПромежуточное ПО для Remix 3, определяющее локаль запроса, управляющее перенаправлениями и заполняющее контекст запроса.Промежуточное ПО intlayer

    Хранилище контекста

    Импорт:

    tsx
    import { Intlayer, INTLAYER_CONTEXT_PROPERTY } from "remix-intlayer";
    ЭкспортТипОписаниеСвязанная документация
    IntlayerКлюч RequestContext / ХранилищеКлюч контекста запроса, используемый для извлечения состояния Intlayer из контекста запроса Remix 3 (context.get(Intlayer)).Контекст Intlayer
    INTLAYER_CONTEXT_PROPERTYstringИмя свойства ('intlayer'), установленное непосредственно в контексте запроса, обеспечивающее доступ через context.intlayer и context.get(Intlayer).-

    Хуки

    Импорт:

    tsx
    import { useIntlayer, useDictionary, useLocale } from "remix-intlayer";
    ЭкспортТипОписаниеСвязанная документация
    useIntlayerХукПолучает и декорирует контент словаря по ключу с учетом текущей локали запроса.Хук useIntlayer
    useDictionaryХукВозвращает контент предварительно импортированного словаря для текущей локали запроса.Хук useDictionary
    useLocaleХукПредоставляет доступ к текущей локали запроса, локали по умолчанию и списку доступных локалей.Хук useLocale

    Утилиты

    Импорт:

    tsx
    import { createLocaleRouting, getIntlayerState } from "remix-intlayer";
    ФункцияОписаниеСвязанная документация
    createLocaleRoutingЧистая функция, которая вычисляет решение о маршрутизации локали (redirect, rewrite или pass) на основе запроса, конфигурации и параметров.-
    getIntlayerStateСчитывает текущее состояние IntlayerState (locale, defaultLocale, availableLocales) из области запроса AsyncLocalStorage вне компонентов React.-

    Форматтеры (remix-intlayer/format)

    Импорт:

    tsx
    import {
  useIntl,
  useDate,
  useNumber,
  useCurrency,
  usePercentage,
  useRelativeTime,
  useList,
  useUnit,
  useCompact,
} from "remix-intlayer/format";
    ХукОписание
    useIntlВозвращает экземпляр Intl, привязанный к локали запроса или клиента с возможностями кэширования и подписки.
    useDateВозвращает функцию форматирования даты, предварительно привязанную к текущей локали (Intl.DateTimeFormat).
    useNumberВозвращает функцию форматирования чисел, предварительно привязанную к текущей локали (Intl.NumberFormat).
    useCurrencyВозвращает функцию форматирования валюты, предварительно привязанную к текущей локали.
    usePercentageВозвращает функцию форматирования процентов, предварительно привязанную к текущей локали.
    useRelativeTimeВозвращает функцию форматирования относительного времени, привязанную к текущей локали (Intl.RelativeTimeFormat).
    useListВозвращает функцию форматирования списков, привязанную к текущей локали (Intl.ListFormat).
    useUnitВозвращает функцию форматирования единиц измерения, привязанную к текущей локали.
    useCompactВозвращает функцию компактного форматирования чисел, привязанную к текущей локали (например, 1.5K).

    HTML-утилиты (remix-intlayer/html)

    Импорт:

    tsx
    import { renderHTML, useHTML, useHTMLRenderer } from "remix-intlayer/html";
    ЭкспортТипОписание
    renderHTMLFunctionАвтономная служебная функция для рендеринга HTML-узлов.
    useHTMLHookХук для получения контекста и конфигурации HTML-провайдера.
    useHTMLRendererHookХук для получения предварительно настроенной функции рендеринга HTML.

    Markdown-утилиты (remix-intlayer/markdown)

    Импорт:

    tsx
    import {
  compileMarkdown,
  renderMarkdown,
  parseMarkdown,
  useMarkdown,
  useMarkdownRenderer,
} from "remix-intlayer/markdown";
    ЭкспортТипОписание
    compileMarkdownFunctionКомпилирует строки markdown в структурированное представление.
    renderMarkdownFunctionРендерит содержимое markdown в выходные узлы.
    parseMarkdownFunctionАнализирует необработанный markdown в AST.
    useMarkdownHookХук для получения контекста провайдера markdown.
    useMarkdownRendererHookХук для получения предварительно настроенной функции рендеринга Markdown.

    Типы

    Импорт:

    tsx
    import type {
  IntlayerState,
  IntlayerMiddlewareOptions,
  LocaleRoutingOptions,
  LocaleRoutingAction,
  LocaleRoutingRequest,
  UseLocaleResult,
} from "remix-intlayer";
    ТипОписание
    IntlayerStateОбъект состояния, содержащий locale, defaultLocale и availableLocales, сохраненный в контексте запроса Remix.
    IntlayerMiddlewareOptionsПараметры конфигурации, передаваемые в промежуточное ПО intlayer().
    LocaleRoutingOptionsПараметры для настройки префиксов локалей, обнаружения и перенаправлений.
    LocaleRoutingActionДискриминированное объединение, представляющее решение о маршрутизации: redirect, rewrite или pass.
    LocaleRoutingRequestМинимальное представление запроса, необходимое для createLocaleRouting.
    UseLocaleResultТип возвращаемого значения useLocale(), содержащий locale, defaultLocale и availableLocales.
    useLocaleintlayer