Autor:
    Aymeric PINEAU
    Creación:2026-09-19Última actualización:2026-09-19

    Paquete remix-intlayer

    El paquete remix-intlayer proporciona las herramientas necesarias para integrar Intlayer en aplicaciones Remix 3. Basado completamente en estándares web (Request, Response, Headers y URL), ofrece un middleware de enrutador para el enrutamiento por locale y reescrituras internas, almacenamiento de contexto, hooks y utilidades de formato para la gestión de contenido multilingüe.

    Instalación

    bash
    npm install remix-intlayer

    Exportaciones

    Middleware

    Importación:

    tsx
    import { intlayer } from "remix-intlayer";
    FunciónDescripciónDoc relacionada
    intlayerMiddleware de enrutador Remix 3 que gestiona el enrutamiento basado en locale (redirecciones y reescrituras internas), resuelve la locale de la solicitud, la persiste en cookies/encabezados y establece el alcance del contexto de la solicitud.intlayer

    Contexto

    Importación:

    tsx
    import { Intlayer, INTLAYER_CONTEXT_PROPERTY } from "remix-intlayer";
    ExportaciónTipoDescripciónDoc relacionada
    IntlayerContextKeyClave de RequestContext que contiene el IntlayerState (locale, defaultLocale, availableLocales) para la solicitud actual.Intlayer
    INTLAYER_CONTEXT_PROPERTYstringNombre de propiedad ('intlayer') instalado directamente en el contexto de la solicitud, accesible mediante context.intlayer y context.get(Intlayer).-

    Hooks

    Importación:

    tsx
    import { useIntlayer, useDictionary, useLocale } from "remix-intlayer";
    HookDescripciónDoc relacionada
    useIntlayerSelecciona un diccionario por su clave y devuelve su contenido para la locale de la solicitud actual. Lee automáticamente del contexto de la solicitud.useIntlayer
    useDictionaryTransforma un objeto de diccionario importado y devuelve su contenido para la locale de la solicitud actual. Admite selectores.useDictionary
    useLocaleDevuelve la locale resuelta de la solicitud actual, junto con defaultLocale y availableLocales configuradas.useLocale

    Utilidades

    Importación:

    tsx
    import { createLocaleRouting, getIntlayerState } from "remix-intlayer";
    FunciónDescripciónDoc relacionada
    createLocaleRoutingFunción pura que determina las acciones de enrutamiento (redirect, rewrite o pass) según la solicitud, la configuración y las opciones.-
    getIntlayerStateLee el IntlayerState actual (locale, defaultLocale, availableLocales) desde el almacenamiento de solicitudes AsyncLocalStorage.-

    Formateadores (remix-intlayer/format)

    Importación:

    tsx
    import {
  useIntl,
  useDate,
  useNumber,
  useCurrency,
  usePercentage,
  useRelativeTime,
  useList,
  useUnit,
  useCompact,
} from "remix-intlayer/format";
    HookDescripción
    useIntlDevuelve una instancia Intl vinculada a la locale de la solicitud con almacenamiento en caché y suscripciones.
    useDateDevuelve una función de formato de fecha vinculada a la locale de la solicitud (Intl.DateTimeFormat).
    useNumberDevuelve una función de formato de número vinculada a la locale de la solicitud (Intl.NumberFormat).
    useCurrencyDevuelve una función de formato de moneda vinculada a la locale de la solicitud.
    usePercentageDevuelve una función de formato de porcentaje vinculada a la locale de la solicitud.
    useRelativeTimeDevuelve una función de formato de tiempo relativo vinculada a la locale de la solicitud (Intl.RelativeTimeFormat).
    useListDevuelve una función de formato de lista vinculada a la locale de la solicitud (Intl.ListFormat).
    useUnitDevuelve una función de formato de unidad vinculada a la locale de la solicitud.
    useCompactDevuelve una función de formato compacto de número vinculada a la locale de la solicitud (ej. 1.5K).

    Utilidades HTML (remix-intlayer/html)

    Importación:

    tsx
    import { renderHTML, useHTML, useHTMLRenderer } from "remix-intlayer/html";
    ExportaciónTipoDescripción
    renderHTMLFunctionFunción de utilidad para renderizar nodos HTML fuera de la interfaz de usuario.
    useHTMLHookHook para obtener el contexto y configuración del proveedor HTML.
    useHTMLRendererHookHook para obtener una función de renderizado HTML preconfigurada.

    Utilidades Markdown (remix-intlayer/markdown)

    Importación:

    tsx
    import {
  compileMarkdown,
  renderMarkdown,
  parseMarkdown,
  useMarkdown,
  useMarkdownRenderer,
} from "remix-intlayer/markdown";
    ExportaciónTipoDescripción
    compileMarkdownFunctionCompila cadenas markdown en una representación estructurada.
    renderMarkdownFunctionRenderiza contenido markdown en nodos de salida.
    parseMarkdownFunctionAnaliza contenido markdown sin procesar en un AST.
    useMarkdownHookHook para acceder al contexto del proveedor markdown.
    useMarkdownRendererHookHook para obtener una función de renderizado Markdown preconfigurada.

    Tipos

    Importación:

    tsx
    import type {
  IntlayerState,
  IntlayerMiddlewareOptions,
  LocaleRoutingOptions,
  LocaleRoutingAction,
  LocaleRoutingRequest,
  UseLocaleResult,
} from "remix-intlayer";
    TipoDescripción
    IntlayerStateObjeto de estado que contiene locale, defaultLocale y availableLocales almacenado en el contexto Remix.
    IntlayerMiddlewareOptionsOpciones de configuración pasadas al middleware intlayer().
    LocaleRoutingOptionsOpciones que personalizan los prefijos de locale, la detección y las redirecciones.
    LocaleRoutingActionUnión discriminada que representa la decisión de enrutamiento: redirect, rewrite o pass.
    LocaleRoutingRequestRepresentación mínima de solicitud requerida por createLocaleRouting.
    UseLocaleResultTipo de retorno de useLocale(), que contiene locale, defaultLocale y availableLocales.
    useLocaleintlayer