Автор:
    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, яке визначає локаль запиту, керує перенаправленнями та заповнює контекст запиту.Middleware 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