Penulis:
    Aymeric PINEAU
    Dibuat:2026-09-19Terakhir diperbarui:2026-09-19

    Paket remix-intlayer

    Paket remix-intlayer menyediakan alat yang diperlukan untuk mengintegrasikan Intlayer ke dalam aplikasi Remix 3. Paket ini mencakup middleware untuk mendeteksi locale permintaan, akses ke konteks permintaan, serta hook untuk mengambil kamus dan mengelola locale.

    Instalasi

    bash
    npm install remix-intlayer

    Ekspor Paket

    Middleware

    Impor:

    tsx
    import { intlayer } from "remix-intlayer";
    EksporTipeDeskripsiDokumen Terkait
    intlayerFungsi MiddlewareMiddleware untuk Remix 3 yang mendeteksi locale permintaan, mengelola pengalihan, dan mengisi konteks permintaan.Middleware intlayer

    Penyimpanan Konteks

    Impor:

    tsx
    import { Intlayer, INTLAYER_CONTEXT_PROPERTY } from "remix-intlayer";
    EksporTipeDeskripsiDokumen Terkait
    IntlayerKunci RequestContext / PenyimpananKunci konteks permintaan yang digunakan untuk mengambil state Intlayer dari konteks permintaan Remix 3 (context.get(Intlayer)).Konteks Intlayer
    INTLAYER_CONTEXT_PROPERTYstringNama properti ('intlayer') yang dipasang langsung pada konteks permintaan, memungkinkan akses melalui context.intlayer serta context.get(Intlayer).-

    Hook

    Impor:

    tsx
    import { useIntlayer, useDictionary, useLocale } from "remix-intlayer";
    EksporTipeDeskripsiDokumen Terkait
    useIntlayerHookMengambil dan mendekorasi konten kamus berdasarkan kunci untuk locale permintaan saat ini.Hook useIntlayer
    useDictionaryHookMengembalikan konten objek kamus yang diimpor sebelumnya untuk locale permintaan saat ini.Hook useDictionary
    useLocaleHookMenyediakan akses ke locale permintaan saat ini, locale default, dan daftar semua locale yang tersedia.Hook useLocale

    Utilitas

    Impor:

    tsx
    import { createLocaleRouting, getIntlayerState } from "remix-intlayer";
    FungsiDeskripsiDok Terkait
    createLocaleRoutingFungsi murni yang menghitung keputusan perutean lokal (redirect, rewrite, atau pass) berdasarkan permintaan, konfigurasi, dan opsi.-
    getIntlayerStateMembaca IntlayerState saat ini (locale, defaultLocale, availableLocales) dari cakupan permintaan AsyncLocalStorage di luar komponen React.-

    Formatter (remix-intlayer/format)

    Impor:

    tsx
    import {
  useIntl,
  useDate,
  useNumber,
  useCurrency,
  usePercentage,
  useRelativeTime,
  useList,
  useUnit,
  useCompact,
} from "remix-intlayer/format";
    HookDeskripsi
    useIntlMengembalikan instans Intl yang terikat pada lokal permintaan atau klien dengan kemampuan caching.
    useDateMengembalikan fungsi pemformatan tanggal yang terikat pada lokal saat ini (Intl.DateTimeFormat).
    useNumberMengembalikan fungsi pemformatan angka yang terikat pada lokal saat ini (Intl.NumberFormat).
    useCurrencyMengembalikan fungsi pemformatan mata uang yang terikat pada lokal saat ini.
    usePercentageMengembalikan fungsi pemformatan persentase yang terikat pada lokal saat ini.
    useRelativeTimeMengembalikan fungsi pemformatan waktu relatif yang terikat pada lokal saat ini (Intl.RelativeTimeFormat).
    useListMengembalikan fungsi pemformatan daftar yang terikat pada lokal saat ini (Intl.ListFormat).
    useUnitMengembalikan fungsi pemformatan unit yang terikat pada lokal saat ini.
    useCompactMengembalikan fungsi pemformatan angka ringkas yang terikat pada lokal saat ini (misalnya 1.5K).

    Utilitas HTML (remix-intlayer/html)

    Impor:

    tsx
    import { renderHTML, useHTML, useHTMLRenderer } from "remix-intlayer/html";
    EksporTipeDeskripsi
    renderHTMLFunctionFungsi utilitas mandiri untuk merender node HTML.
    useHTMLHookHook untuk mendapatkan konteks dan konfigurasi penyedia HTML.
    useHTMLRendererHookHook untuk mendapatkan fungsi perender HTML yang telah dikonfigurasi.

    Utilitas Markdown (remix-intlayer/markdown)

    Impor:

    tsx
    import {
  compileMarkdown,
  renderMarkdown,
  parseMarkdown,
  useMarkdown,
  useMarkdownRenderer,
} from "remix-intlayer/markdown";
    EksporTipeDeskripsi
    compileMarkdownFunctionMengompilasi string markdown ke dalam representasi terstruktur.
    renderMarkdownFunctionMerender konten markdown ke node keluaran.
    parseMarkdownFunctionMengurai konten markdown mentah ke dalam AST.
    useMarkdownHookHook untuk mendapatkan konteks penyedia markdown.
    useMarkdownRendererHookHook untuk mendapatkan fungsi perender Markdown yang telah dikonfigurasi.

    Tipe

    Impor:

    tsx
    import type {
  IntlayerState,
  IntlayerMiddlewareOptions,
  LocaleRoutingOptions,
  LocaleRoutingAction,
  LocaleRoutingRequest,
  UseLocaleResult,
} from "remix-intlayer";
    TipeDeskripsi
    IntlayerStateObjek status yang menyimpan locale, defaultLocale, dan availableLocales dalam konteks permintaan Remix.
    IntlayerMiddlewareOptionsOpsi konfigurasi yang diteruskan ke middleware intlayer().
    LocaleRoutingOptionsOpsi untuk menyesuaikan awalan lokal, deteksi, dan pengalihan.
    LocaleRoutingActionDiskriminasi gabungan yang mewakili keputusan perutean: redirect, rewrite, atau pass.
    LocaleRoutingRequestRepresentasi permintaan minimal yang diperlukan oleh createLocaleRouting.
    UseLocaleResultTipe pengembalian useLocale(), yang berisi locale, defaultLocale, dan availableLocales.
    useLocaleintlayer