المؤلف:
    Aymeric PINEAU
    إنشاء:2026-09-19آخر تحديث:2026-09-19

    حزمة remix-intlayer

    توفر حزمة remix-intlayer الأدوات اللازمة لدمج Intlayer في تطبيقات Remix 3. وتتضمن برمجية وسيطة (middleware) لاكتشاف لغة الطلب، والوصول إلى سياق الطلب، وخطافات (hooks) لجلب القواميس وإدارة اللغات.

    التثبيت

    bash
    npm install remix-intlayer

    صادرات الحزمة

    البرمجيات الوسيطة (Middleware)

    التصديرالنوعالوصفالمستند المرتبط
    intlayerدالة برمجية وسيطةبرمجية وسيطة لـ Remix 3 تكتشف لغة الطلب وتدير عمليات إعادة التوجيه وتملأ سياق الطلب.البرمجية الوسيطة intlayer

    تخزين السياق

    التصديرالنوعالوصفالمستند المرتبط
    Intlayerمفتاح RequestContext / تخزينمفتاح سياق الطلب المستخدم لاسترداد حالة Intlayer من سياق طلب Remix 3 (context.get(Intlayer)).سياق Intlayer

    الخطافات (Hooks)

    التصديرالنوعالوصفالمستند المرتبط
    useIntlayerخطافيجلب محتوى القاموس ويعالجه للمفتاح المحدد وفقًا للغة الطلب الحالية.خطاف useIntlayer
    useDictionaryخطافيُرجع محتوى كائن قاموس تم استيراده مسبقًا والمطابق للغة الطلب الحالية.خطاف useDictionary
    useLocaleخطافيوفر الوصول إلى لغة الطلب الحالية، واللغة الافتراضية، وقائمة اللغات المتاحة في المشروع.خطاف useLocale

    البدء السريع

    تكوين الموجه مع البرمجية الوسيطة

    src/server.ts
    import { createRouter } from "remix/router";
import { intlayer } from "remix-intlayer";

export const router = createRouter({
  middleware: [intlayer()],
});

    استخدام المحتوى في المكونات والقوالب

    src/views/home.ts
    import { useIntlayer } from "remix-intlayer";

export const HomeView = () => {
  const content = useIntlayer("home");

  return `<h1>${content.title}</h1><p>${content.description}</p>`;
};
    useLocaleintlayer