@intlayer/docs 7.5.0-canary.1 → 7.5.1

package/dist/types/generated/blog.entry.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"blog.entry.d.ts","names":[],"sources":["../../../src/generated/blog.entry.ts"],"sourcesContent":[],"mappings":";;;cAsDa;wDAmBK,OAAO,eAAe;EAnB3B,SAAA,sCAwfH,EAldQ,MAkdR,CAlde,aAkdf,EAld8B,OAkd9B,CAAA,MAAA,CAAA,CAAA;EAree,SAAA,mCAAA,EAsCP,MAtCO,CAsCA,aAtCA,EAsCe,OAtCf,CAAA,MAAA,CAAA,CAAA;EAAe,SAAA,oBAAA,EAyDtB,MAzDsB,CAyDf,aAzDe,EAyDA,OAzDA,CAAA,MAAA,CAAA,CAAA;EAAtB,SAAA,2CAAA,EA4EA,MA5EA,CA4EO,aA5EP,EA4EsB,OA5EtB,CAAA,MAAA,CAAA,CAAA;EAmBO,SAAA,oCAAA,EA4EP,MA5EO,CA4EA,aA5EA,EA4Ee,OA5Ef,CAAA,MAAA,CAAA,CAAA;EAAe,SAAA,yCAAA,EA+FtB,MA/FsB,CA+Ff,aA/Fe,EA+FA,OA/FA,CAAA,MAAA,CAAA,CAAA;EAAtB,SAAA,sCAAA,EAkHA,MAlHA,CAkHO,aAlHP,EAkHsB,OAlHtB,CAAA,MAAA,CAAA,CAAA;EAmBO,SAAA,0CAAA,EAkHP,MAlHO,CAkHA,aAlHA,EAkHe,OAlHf,CAAA,MAAA,CAAA,CAAA;EAAe,SAAA,uCAAA,EAqItB,MArIsB,CAqIf,aArIe,EAqIA,OArIA,CAAA,MAAA,CAAA,CAAA;EAAtB,SAAA,qCAAA,EAwJA,MAxJA,CAwJO,aAxJP,EAwJsB,OAxJtB,CAAA,MAAA,CAAA,CAAA;EAmBO,SAAA,gDAAA,EAwJP,MAxJO,CAwJA,aAxJA,EAwJe,OAxJf,CAAA,MAAA,CAAA,CAAA;EAAe,SAAA,6CAAA,EA2KtB,MA3KsB,CA2Kf,aA3Ke,EA2KA,OA3KA,CAAA,MAAA,CAAA,CAAA;EAAtB,SAAA,mDAAA,EA8LA,MA9LA,CA8LO,aA9LP,EA8LsB,OA9LtB,CAAA,MAAA,CAAA,CAAA;EAmBO,SAAA,wDAAA,EAiMP,MAjMO,CAiMA,aAjMA,EAiMe,OAjMf,CAAA,MAAA,CAAA,CAAA;EAAe,SAAA,wDAAA,EAuNtB,MAvNsB,CAuNf,aAvNe,EAuNA,OAvNA,CAAA,MAAA,CAAA,CAAA;EAAtB,SAAA,6DAAA,EA6OA,MA7OA,CA6OO,aA7OP,EA6OsB,OA7OtB,CAAA,MAAA,CAAA,CAAA;EAmBO,SAAA,sDAAA,EA6OP,MA7OO,CA6OA,aA7OA,EA6Oe,OA7Of,CAAA,MAAA,CAAA,CAAA;EAAe,SAAA,uDAAA,EAgQtB,MAhQsB,CAgQf,aAhQe,EAgQA,OAhQA,CAAA,MAAA,CAAA,CAAA;EAAtB,SAAA,oDAAA,EAmRA,MAnRA,CAmRO,aAnRP,EAmRsB,OAnRtB,CAAA,MAAA,CAAA,CAAA;EAmBO,SAAA,oDAAA,EAmRP,MAnRO,CAmRA,aAnRA,EAmRe,OAnRf,CAAA,MAAA,CAAA,CAAA;EAAe,SAAA,iDAAA,EAsStB,MAtSsB,CAsSf,aAtSe,EAsSA,OAtSA,CAAA,MAAA,CAAA,CAAA;EAAtB,SAAA,kDAAA,EAyTA,MAzTA,CAyTO,aAzTP,EAyTsB,OAzTtB,CAAA,MAAA,CAAA,CAAA;EAmBO,SAAA,sDAAA,EAyTP,MAzTO,CAyTA,aAzTA,EAyTe,OAzTf,CAAA,MAAA,CAAA,CAAA;EAAe,SAAA,mCAAA,EA4UtB,MA5UsB,CA4Uf,aA5Ue,EA4UA,OA5UA,CAAA,MAAA,CAAA,CAAA;EAAtB,SAAA,2CAAA,EA+VA,MA/VA,CA+VO,aA/VP,EA+VsB,OA/VtB,CAAA,MAAA,CAAA,CAAA;CAmBO"}
+{"version":3,"file":"blog.entry.d.ts","names":[],"sources":["../../../src/generated/blog.entry.ts"],"sourcesContent":[],"mappings":"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"}

package/docs/ar/dictionary/content_file.md

@@ -25,7 +25,7 @@ history:
 
 # ملف المحتوى
 
-<iframe title="i18n، ماركداون، JSON… حل واحد لإدارة كل شيء | Intlayer" class="m-auto aspect-[16/9] w-full overflow-hidden rounded-lg border-0" allow="autoplay; gyroscope;" loading="lazy" width="1080" height="auto" src="https://www.youtube.com/embed/1VHgSY_j9_I?autoplay=0&amp;origin=http://intlayer.org&amp;controls=0&amp;rel=1"/>
+<iframe title="i18n، ماركداون، JSON… حل واحد لإدارة كل شيء | Intlayer" class="m-auto aspect-16/9 w-full overflow-hidden rounded-lg border-0" allow="autoplay; gyroscope;" loading="lazy" width="1080" height="auto" src="https://www.youtube.com/embed/1VHgSY_j9_I?autoplay=0&amp;origin=http://intlayer.org&amp;controls=0&amp;rel=1"/>
 
 ## ما هو ملف المحتوى؟
 

package/docs/ar/intlayer_CMS.md

@@ -31,7 +31,7 @@ history:
 
 # توثيق نظام إدارة المحتوى Intlayer (CMS)
 
-<iframe title="المحرر البصري + نظام إدارة المحتوى لتطبيق الويب الخاص بك: شرح Intlayer" class="m-auto aspect-[16/9] w-full overflow-hidden rounded-lg border-0" allow="autoplay; gyroscope;" loading="lazy" width="1080" height="auto" src="https://www.youtube.com/embed/UDDTnirwi_4?autoplay=0&amp;origin=http://intlayer.org&amp;controls=0&amp;rel=1"/>
+<iframe title="المحرر البصري + نظام إدارة المحتوى لتطبيق الويب الخاص بك: شرح Intlayer" class="m-auto aspect-16/9 w-full overflow-hidden rounded-lg border-0" allow="autoplay; gyroscope;" loading="lazy" width="1080" height="auto" src="https://www.youtube.com/embed/UDDTnirwi_4?autoplay=0&amp;origin=http://intlayer.org&amp;controls=0&amp;rel=1"/>
 
 نظام إدارة المحتوى Intlayer هو تطبيق يسمح لك بإخراج محتواك من مشروع Intlayer.
 

package/docs/ar/intlayer_visual_editor.md

@@ -24,7 +24,7 @@ history:
 
 # وثائق محرر Intlayer البصري
 
-<iframe title="Visual Editor + CMS for Your Web App: Intlayer Explained" class="m-auto aspect-[16/9] w-full overflow-hidden rounded-lg border-0" allow="autoplay; gyroscope;" loading="lazy" width="1080" height="auto" src="https://www.youtube.com/embed/UDDTnirwi_4?autoplay=0&amp;origin=http://intlayer.org&amp;controls=0&amp;rel=1"/>
+<iframe title="Visual Editor + CMS for Your Web App: Intlayer Explained" class="m-auto aspect-16/9 w-full overflow-hidden rounded-lg border-0" allow="autoplay; gyroscope;" loading="lazy" width="1080" height="auto" src="https://www.youtube.com/embed/UDDTnirwi_4?autoplay=0&amp;origin=http://intlayer.org&amp;controls=0&amp;rel=1"/>
 
 محرر Intlayer البصري هو أداة تقوم بتغليف موقعك الإلكتروني للتفاعل مع ملفات إعلان المحتوى الخاصة بك باستخدام محرر بصري.
 

package/docs/ar/intlayer_with_nextjs_15.md

@@ -25,7 +25,7 @@ history:
 
 # ترجم Next.js 15 باستخدام Intlayer | التدويل (i18n)
 
-<iframe title="أفضل حل للتدويل في Next.js؟ اكتشف Intlayer" class="m-auto aspect-[16/9] w-full overflow-hidden rounded-lg border-0" allow="autoplay; gyroscope;" loading="lazy" width="1080" height="auto" src="https://www.youtube.com/embed/e_PPG7PTqGU?autoplay=0&amp;origin=http://intlayer.org&amp;controls=0&amp;rel=1"/>
+<iframe title="أفضل حل للتدويل في Next.js؟ اكتشف Intlayer" class="m-auto aspect-16/9 w-full overflow-hidden rounded-lg border-0" allow="autoplay; gyroscope;" loading="lazy" width="1080" height="auto" src="https://www.youtube.com/embed/e_PPG7PTqGU?autoplay=0&amp;origin=http://intlayer.org&amp;controls=0&amp;rel=1"/>
 
 شاهد [قالب التطبيق](https://github.com/aymericzip/intlayer-next-15-template) على GitHub.
 

package/docs/ar/intlayer_with_nextjs_16.md

@@ -27,7 +27,7 @@ history:
 <Tab defaultTab="video">
   <TabItem label="Video" value="video">
   
-<iframe title="أفضل حل i18n لـ Next.js؟ اكتشف Intlayer" class="m-auto aspect-[16/9] w-full overflow-hidden rounded-lg border-0" allow="autoplay; gyroscope;" loading="lazy" width="1080" height="auto" src="https://www.youtube.com/embed/e_PPG7PTqGU?autoplay=0&amp;origin=http://intlayer.org&amp;controls=0&amp;rel=1"/>
+<iframe title="أفضل حل i18n لـ Next.js؟ اكتشف Intlayer" class="m-auto aspect-16/9 w-full overflow-hidden rounded-lg border-0" allow="autoplay; gyroscope;" loading="lazy" width="1080" height="auto" src="https://www.youtube.com/embed/e_PPG7PTqGU?autoplay=0&amp;origin=http://intlayer.org&amp;controls=0&amp;rel=1"/>
 
   </TabItem>
   <TabItem label="Code" value="code">

package/docs/ar/intlayer_with_nuxt.md

@@ -49,7 +49,7 @@ history:
 <Tab defaultTab="video">
   <TabItem label="فيديو" value="video">
   
-<iframe title="كيفية ترجمة تطبيق Nuxt و Vue الخاص بك باستخدام Intlayer؟ اكتشف Intlayer" class="m-auto aspect-[16/9] w-full overflow-hidden rounded-lg border-0" allow="autoplay; gyroscope;" loading="lazy" width="1080" height="auto" src="https://www.youtube.com/embed/nhUcUAVQ6eQ?autoplay=0&amp;origin=http://intlayer.org&amp;controls=0&amp;rel=1"/>
+<iframe title="كيفية ترجمة تطبيق Nuxt و Vue الخاص بك باستخدام Intlayer؟ اكتشف Intlayer" class="m-auto aspect-16/9 w-full overflow-hidden rounded-lg border-0" allow="autoplay; gyroscope;" loading="lazy" width="1080" height="auto" src="https://www.youtube.com/embed/nhUcUAVQ6eQ?autoplay=0&amp;origin=http://intlayer.org&amp;controls=0&amp;rel=1"/>
 
   </TabItem>
   <TabItem label="كود" value="code">
@@ -373,11 +373,11 @@ import { useIntlayer } from "vue-intlayer";
 const content = useIntlayer("home-page");
 
 useHead({
-  title: content.metaTitle.value,
+  title: content.metaTitle.raw,
   meta: [
     {
       name: "description",
-      content: content.metaDescription.value,
+      content: content.metaDescription.raw,
     },
   ],
 });

package/docs/ar/intlayer_with_react_router_v7.md

@@ -83,7 +83,7 @@ pnpm add vite-intlayer --save-dev
 <Tab defaultTab="video">
   <TabItem label="Video" value="video">
   
-<iframe title="How to translate your React Router v7 app using Intlayer" class="m-auto aspect-[16/9] w-full overflow-hidden rounded-lg border-0" allow="autoplay; gyroscope;" loading="lazy" width="1080" height="auto" src="https://www.youtube.com/embed/dS9L7uJeak4?autoplay=0&amp;origin=http://intlayer.org&amp;controls=0&amp;rel=1"/>
+<iframe title="How to translate your React Router v7 app using Intlayer" class="m-auto aspect-16/9 w-full overflow-hidden rounded-lg border-0" allow="autoplay; gyroscope;" loading="lazy" width="1080" height="auto" src="https://www.youtube.com/embed/dS9L7uJeak4?autoplay=0&amp;origin=http://intlayer.org&amp;controls=0&amp;rel=1"/>
 
   </TabItem>
   <TabItem label="Code" value="code">

package/docs/ar/intlayer_with_react_router_v7_fs_routes.md

@@ -83,7 +83,7 @@ pnpm add vite-intlayer --save-dev
 <Tab defaultTab="video">
   <TabItem label="Video" value="video">
   
-<iframe title="How to translate your React Router v7 (File-System Routes) app using Intlayer" class="m-auto aspect-[16/9] w-full overflow-hidden rounded-lg border-0" allow="autoplay; gyroscope;" loading="lazy" width="1080" height="auto" src="https://www.youtube.com/embed/dS9L7uJeak4?autoplay=0&amp;origin=http://intlayer.org&amp;controls=0&amp;rel=1"/>
+<iframe title="How to translate your React Router v7 (File-System Routes) app using Intlayer" class="m-auto aspect-16/9 w-full overflow-hidden rounded-lg border-0" allow="autoplay; gyroscope;" loading="lazy" width="1080" height="auto" src="https://www.youtube.com/embed/dS9L7uJeak4?autoplay=0&amp;origin=http://intlayer.org&amp;controls=0&amp;rel=1"/>
 
   </TabItem>
   <TabItem label="Code" value="code">

package/docs/ar/intlayer_with_tanstack.md

@@ -57,7 +57,7 @@ history:
 <Tab defaultTab="video">
   <TabItem label="Video" value="video">
   
-<iframe title="أفضل حل i18n لـ Tanstack Start؟ اكتشف Intlayer" class="m-auto aspect-[16/9] w-full overflow-hidden rounded-lg border-0" allow="autoplay; gyroscope;" loading="lazy" width="1080" height="auto" src="https://www.youtube.com/embed/_XTdKVWaeqg?autoplay=0&amp;origin=http://intlayer.org&amp;controls=0&amp;rel=1"/>
+<iframe title="أفضل حل i18n لـ Tanstack Start؟ اكتشف Intlayer" class="m-auto aspect-16/9 w-full overflow-hidden rounded-lg border-0" allow="autoplay; gyroscope;" loading="lazy" width="1080" height="auto" src="https://www.youtube.com/embed/_XTdKVWaeqg?autoplay=0&amp;origin=http://intlayer.org&amp;controls=0&amp;rel=1"/>
 
   </TabItem>
   <TabItem label="Code" value="code">

package/docs/ar/intlayer_with_vite+react.md

@@ -47,7 +47,7 @@ history:
 <Tab defaultTab="video">
   <TabItem label="فيديو" value="video">
   
-<iframe title="أفضل حل للترجمة الدولية لـ Vite و React؟ اكتشف Intlayer" class="m-auto aspect-[16/9] w-full overflow-hidden rounded-lg border-0" allow="autoplay; gyroscope;" loading="lazy" width="1080" height="auto" src="https://www.youtube.com/embed/dS9L7uJeak4?si=VaKmrYMmXjo3xpk2"/>
+<iframe title="أفضل حل للترجمة الدولية لـ Vite و React؟ اكتشف Intlayer" class="m-auto aspect-16/9 w-full overflow-hidden rounded-lg border-0" allow="autoplay; gyroscope;" loading="lazy" width="1080" height="auto" src="https://www.youtube.com/embed/dS9L7uJeak4?si=VaKmrYMmXjo3xpk2"/>
 
   </TabItem>
   <TabItem label="الرمز" value="code">

package/docs/ar/intlayer_with_vite+vue.md

@@ -44,7 +44,7 @@ history:
 <Tab defaultTab="video">
   <TabItem label="فيديو" value="video">
   
-<iframe title="The best i18n solution for Vite and Vue? Discover Intlayer" class="m-auto aspect-[16/9] w-full overflow-hidden rounded-lg border-0" allow="autoplay; gyroscope;" loading="lazy" width="1080" height="auto" src="https://www.youtube.com/embed/IE3XWkZ6a5U?autoplay=0&amp;origin=http://intlayer.org&amp;controls=0&amp;rel=1"/>
+<iframe title="The best i18n solution for Vite and Vue? Discover Intlayer" class="m-auto aspect-16/9 w-full overflow-hidden rounded-lg border-0" allow="autoplay; gyroscope;" loading="lazy" width="1080" height="auto" src="https://www.youtube.com/embed/IE3XWkZ6a5U?autoplay=0&amp;origin=http://intlayer.org&amp;controls=0&amp;rel=1"/>
 
   </TabItem>
   <TabItem label="كود" value="code">

package/docs/ar/packages/intlayer/getLocaleName.md

@@ -19,6 +19,9 @@ slugs:
   - intlayer
   - getLocaleName
 history:
+  - version: 7.5.0
+    date: 2025-12-18
+    changes: إضافة polyfills لـ React Native والبيئات الأقدم
   - version: 5.5.10
     date: 2025-06-29
     changes: بداية التاريخ
@@ -33,7 +36,6 @@ history:
 ## المعاملات
 
 - `displayLocale: Locales`
-
   - **الوصف**: اللغة التي سيتم عرض اسم اللغة الهدف بها.
   - **النوع**: تعداد أو سلسلة تمثل اللغات الصالحة.
 
@@ -117,3 +119,17 @@ getLocaleName("unknown-locale"); // الناتج: "Unknown locale"
 - تقوم الدالة بشكل افتراضي بإرجاع اسم `displayLocale` الخاص به.
 - **الترجمات المفقودة:**
   - إذا لم يحتوي `localeNameTranslations` على إدخال لـ `targetLocale` أو لـ `displayLocale` المحدد، فإن الدالة تعود إلى `ownLocalesName` أو تُرجع `"Unknown locale"`.
+
+## Polyfills لـ React Native والبيئات الأقدم
+
+تعتمد دالة `getLocaleName` على واجهة برمجة التطبيقات `Intl.DisplayNames`، والتي غير متاحة في React Native أو بيئات JavaScript الأقدم. إذا كنت تستخدم `getLocaleName` في هذه البيئات، فأنت بحاجة إلى إضافة polyfills.
+
+قم باستيراد polyfills في وقت مبكر في تطبيقك، ويفضل في ملف نقطة الدخول الخاص بك (على سبيل المثال، `index.js`، `App.tsx`، أو `main.tsx`):
+
+```typescript
+import "intl";
+import "@formatjs/intl-locale/polyfill";
+import "@formatjs/intl-displaynames/polyfill";
+```
+
+لمزيد من التفاصيل، راجع [توثيق polyfills الخاص بـ FormatJS](https://formatjs.io/docs/polyfills/intl-displaynames/).

package/docs/ar/plugins/sync-json.md

@@ -34,7 +34,7 @@ history:
 
 # مزامنة JSON (جسور التدويل) - مزامنة JSON مع دعم ICU / i18next
 
-<iframe title="كيفية الحفاظ على مزامنة ترجمات JSON الخاصة بك مع Intlayer" class="m-auto aspect-[16/9] w-full overflow-hidden rounded-lg border-0" allow="autoplay; gyroscope;" loading="lazy" width="1080" height="auto" src="https://www.youtube.com/embed/MpGMxniDHNg?autoplay=0&amp;origin=http://intlayer.org&amp;controls=0&amp;rel=1"/>
+<iframe title="كيفية الحفاظ على مزامنة ترجمات JSON الخاصة بك مع Intlayer" class="m-auto aspect-16/9 w-full overflow-hidden rounded-lg border-0" allow="autoplay; gyroscope;" loading="lazy" width="1080" height="auto" src="https://www.youtube.com/embed/MpGMxniDHNg?autoplay=0&amp;origin=http://intlayer.org&amp;controls=0&amp;rel=1"/>
 
 استخدم Intlayer كمكون إضافي إلى نظام التدويل (i18n) الحالي لديك. يحافظ هذا المكون على مزامنة رسائل JSON الخاصة بك مع قواميس Intlayer بحيث يمكنك:
 

package/docs/de/dictionary/content_file.md

@@ -25,7 +25,7 @@ history:
 
 # Inhaltsdatei
 
-<iframe title="i18n, Markdown, JSON… eine einzige Lösung, um alles zu verwalten | Intlayer" class="m-auto aspect-[16/9] w-full overflow-hidden rounded-lg border-0" allow="autoplay; gyroscope;" loading="lazy" width="1080" height="auto" src="https://www.youtube.com/embed/1VHgSY_j9_I?autoplay=0&amp;origin=http://intlayer.org&amp;controls=0&amp;rel=1"/>
+<iframe title="i18n, Markdown, JSON… eine einzige Lösung, um alles zu verwalten | Intlayer" class="m-auto aspect-16/9 w-full overflow-hidden rounded-lg border-0" allow="autoplay; gyroscope;" loading="lazy" width="1080" height="auto" src="https://www.youtube.com/embed/1VHgSY_j9_I?autoplay=0&amp;origin=http://intlayer.org&amp;controls=0&amp;rel=1"/>
 
 ## Was ist eine Inhaltsdatei?
 

package/docs/de/intlayer_CMS.md

@@ -31,7 +31,7 @@ history:
 
 # Intlayer Content Management System (CMS) Dokumentation
 
-<iframe title="Visueller Editor + CMS für Ihre Webanwendung: Intlayer erklärt" class="m-auto aspect-[16/9] w-full overflow-hidden rounded-lg border-0" allow="autoplay; gyroscope;" loading="lazy" width="1080" height="auto" src="https://www.youtube.com/embed/UDDTnirwi_4?autoplay=0&amp;origin=http://intlayer.org&amp;controls=0&amp;rel=1"/>
+<iframe title="Visueller Editor + CMS für Ihre Webanwendung: Intlayer erklärt" class="m-auto aspect-16/9 w-full overflow-hidden rounded-lg border-0" allow="autoplay; gyroscope;" loading="lazy" width="1080" height="auto" src="https://www.youtube.com/embed/UDDTnirwi_4?autoplay=0&amp;origin=http://intlayer.org&amp;controls=0&amp;rel=1"/>
 
 Das Intlayer CMS ist eine Anwendung, die es Ihnen ermöglicht, die Inhalte eines Intlayer-Projekts auszulagern.
 

package/docs/de/intlayer_visual_editor.md

@@ -24,7 +24,7 @@ history:
 
 # Intlayer Visual Editor Dokumentation
 
-<iframe title="Visual Editor + CMS for Your Web App: Intlayer Explained" class="m-auto aspect-[16/9] w-full overflow-hidden rounded-lg border-0" allow="autoplay; gyroscope;" loading="lazy" width="1080" height="auto" src="https://www.youtube.com/embed/UDDTnirwi_4?autoplay=0&amp;origin=http://intlayer.org&amp;controls=0&amp;rel=1"/>
+<iframe title="Visual Editor + CMS for Your Web App: Intlayer Explained" class="m-auto aspect-16/9 w-full overflow-hidden rounded-lg border-0" allow="autoplay; gyroscope;" loading="lazy" width="1080" height="auto" src="https://www.youtube.com/embed/UDDTnirwi_4?autoplay=0&amp;origin=http://intlayer.org&amp;controls=0&amp;rel=1"/>
 
 Der Intlayer Visual Editor ist ein Tool, das Ihre Website einbindet, um mit Ihren Inhaltsdeklarationsdateien über einen visuellen Editor zu interagieren.
 

package/docs/de/intlayer_with_nextjs_15.md

@@ -25,7 +25,7 @@ history:
 
 # Übersetzen Sie Ihre Next.js 15 mit Intlayer | Internationalisierung (i18n)
 
-<iframe title="Die beste i18n-Lösung für Next.js? Entdecken Sie Intlayer" class="m-auto aspect-[16/9] w-full overflow-hidden rounded-lg border-0" allow="autoplay; gyroscope;" loading="lazy" width="1080" height="auto" src="https://www.youtube.com/embed/e_PPG7PTqGU?autoplay=0&amp;origin=http://intlayer.org&amp;controls=0&amp;rel=1"/>
+<iframe title="Die beste i18n-Lösung für Next.js? Entdecken Sie Intlayer" class="m-auto aspect-16/9 w-full overflow-hidden rounded-lg border-0" allow="autoplay; gyroscope;" loading="lazy" width="1080" height="auto" src="https://www.youtube.com/embed/e_PPG7PTqGU?autoplay=0&amp;origin=http://intlayer.org&amp;controls=0&amp;rel=1"/>
 
 Siehe [Anwendungsvorlage](https://github.com/aymericzip/intlayer-next-15-template) auf GitHub.
 

package/docs/de/intlayer_with_nextjs_16.md

@@ -27,7 +27,7 @@ history:
 <Tab defaultTab="video">
   <TabItem label="Video" value="video">
   
-<iframe title="Die beste i18n-Lösung für Next.js? Entdecken Sie Intlayer" class="m-auto aspect-[16/9] w-full overflow-hidden rounded-lg border-0" allow="autoplay; gyroscope;" loading="lazy" width="1080" height="auto" src="https://www.youtube.com/embed/e_PPG7PTqGU?autoplay=0&amp;origin=http://intlayer.org&amp;controls=0&amp;rel=1"/>
+<iframe title="Die beste i18n-Lösung für Next.js? Entdecken Sie Intlayer" class="m-auto aspect-16/9 w-full overflow-hidden rounded-lg border-0" allow="autoplay; gyroscope;" loading="lazy" width="1080" height="auto" src="https://www.youtube.com/embed/e_PPG7PTqGU?autoplay=0&amp;origin=http://intlayer.org&amp;controls=0&amp;rel=1"/>
 
   </TabItem>
   <TabItem label="Code" value="code">

package/docs/de/intlayer_with_nuxt.md

@@ -49,7 +49,7 @@ Mit Intlayer können Sie:
 <Tab defaultTab="video">
   <TabItem label="Video" value="video">
   
-<iframe title="Wie übersetzt man seine Nuxt- und Vue-App mit Intlayer? Entdecken Sie Intlayer" class="m-auto aspect-[16/9] w-full overflow-hidden rounded-lg border-0" allow="autoplay; gyroscope;" loading="lazy" width="1080" height="auto" src="https://www.youtube.com/embed/nhUcUAVQ6eQ?autoplay=0&amp;origin=http://intlayer.org&amp;controls=0&amp;rel=1"/>
+<iframe title="Wie übersetzt man seine Nuxt- und Vue-App mit Intlayer? Entdecken Sie Intlayer" class="m-auto aspect-16/9 w-full overflow-hidden rounded-lg border-0" allow="autoplay; gyroscope;" loading="lazy" width="1080" height="auto" src="https://www.youtube.com/embed/nhUcUAVQ6eQ?autoplay=0&amp;origin=http://intlayer.org&amp;controls=0&amp;rel=1"/>
 
   </TabItem>
   <TabItem label="Code" value="code">
@@ -373,11 +373,11 @@ import { useIntlayer } from "vue-intlayer";
 const content = useIntlayer("home-page");
 
 useHead({
-  title: content.metaTitle.value,
+  title: content.metaTitle.raw,
   meta: [
     {
       name: "description",
-      content: content.metaDescription.value,
+      content: content.metaDescription.raw,
     },
   ],
 });

package/docs/de/intlayer_with_react_router_v7.md

@@ -85,7 +85,7 @@ pnpm add vite-intlayer --save-dev
 <Tab defaultTab="video">
   <TabItem label="Video" value="video">
   
-<iframe title="How to translate your React Router v7 app using Intlayer" class="m-auto aspect-[16/9] w-full overflow-hidden rounded-lg border-0" allow="autoplay; gyroscope;" loading="lazy" width="1080" height="auto" src="https://www.youtube.com/embed/dS9L7uJeak4?autoplay=0&amp;origin=http://intlayer.org&amp;controls=0&amp;rel=1"/>
+<iframe title="How to translate your React Router v7 app using Intlayer" class="m-auto aspect-16/9 w-full overflow-hidden rounded-lg border-0" allow="autoplay; gyroscope;" loading="lazy" width="1080" height="auto" src="https://www.youtube.com/embed/dS9L7uJeak4?autoplay=0&amp;origin=http://intlayer.org&amp;controls=0&amp;rel=1"/>
 
   </TabItem>
   <TabItem label="Code" value="code">

package/docs/de/intlayer_with_react_router_v7_fs_routes.md

@@ -54,7 +54,7 @@ Mit Intlayer können Sie:
 <Tab defaultTab="video">
   <TabItem label="Video" value="video">
   
-<iframe title="How to translate your React Router v7 (File-System Routes) app using Intlayer" class="m-auto aspect-[16/9] w-full overflow-hidden rounded-lg border-0" allow="autoplay; gyroscope;" loading="lazy" width="1080" height="auto" src="https://www.youtube.com/embed/dS9L7uJeak4?autoplay=0&amp;origin=http://intlayer.org&amp;controls=0&amp;rel=1"/>
+<iframe title="How to translate your React Router v7 (File-System Routes) app using Intlayer" class="m-auto aspect-16/9 w-full overflow-hidden rounded-lg border-0" allow="autoplay; gyroscope;" loading="lazy" width="1080" height="auto" src="https://www.youtube.com/embed/dS9L7uJeak4?autoplay=0&amp;origin=http://intlayer.org&amp;controls=0&amp;rel=1"/>
 
   </TabItem>
   <TabItem label="Code" value="code">

package/docs/de/intlayer_with_tanstack.md

@@ -57,7 +57,7 @@ Mit Intlayer können Sie:
 <Tab defaultTab="video">
   <TabItem label="Video" value="video">
   
-<iframe title="Die beste i18n-Lösung für Tanstack Start? Entdecken Sie Intlayer" class="m-auto aspect-[16/9] w-full overflow-hidden rounded-lg border-0" allow="autoplay; gyroscope;" loading="lazy" width="1080" height="auto" src="https://www.youtube.com/embed/_XTdKVWaeqg?autoplay=0&amp;origin=http://intlayer.org&amp;controls=0&amp;rel=1"/>
+<iframe title="Die beste i18n-Lösung für Tanstack Start? Entdecken Sie Intlayer" class="m-auto aspect-16/9 w-full overflow-hidden rounded-lg border-0" allow="autoplay; gyroscope;" loading="lazy" width="1080" height="auto" src="https://www.youtube.com/embed/_XTdKVWaeqg?autoplay=0&amp;origin=http://intlayer.org&amp;controls=0&amp;rel=1"/>
 
   </TabItem>
   <TabItem label="Code" value="code">

package/docs/de/intlayer_with_vite+react.md

@@ -47,7 +47,7 @@ Mit Intlayer können Sie:
 <Tab defaultTab="video">
   <TabItem label="Video" value="video">
   
-<iframe title="The best i18n solution for Vite and React? Discover Intlayer" class="m-auto aspect-[16/9] w-full overflow-hidden rounded-lg border-0" allow="autoplay; gyroscope;" loading="lazy" width="1080" height="auto" src="https://www.youtube.com/embed/dS9L7uJeak4?si=VaKmrYMmXjo3xpk2"/>
+<iframe title="The best i18n solution for Vite and React? Discover Intlayer" class="m-auto aspect-16/9 w-full overflow-hidden rounded-lg border-0" allow="autoplay; gyroscope;" loading="lazy" width="1080" height="auto" src="https://www.youtube.com/embed/dS9L7uJeak4?si=VaKmrYMmXjo3xpk2"/>
 
   </TabItem>
   <TabItem label="Code" value="code">

package/docs/de/intlayer_with_vite+vue.md

@@ -44,7 +44,7 @@ Mit Intlayer können Sie:
 <Tab defaultTab="video">
   <TabItem label="Video" value="video">
   
-<iframe title="The best i18n solution for Vite and Vue? Discover Intlayer" class="m-auto aspect-[16/9] w-full overflow-hidden rounded-lg border-0" allow="autoplay; gyroscope;" loading="lazy" width="1080" height="auto" src="https://www.youtube.com/embed/IE3XWkZ6a5U?autoplay=0&amp;origin=http://intlayer.org&amp;controls=0&amp;rel=1"/>
+<iframe title="The best i18n solution for Vite and Vue? Discover Intlayer" class="m-auto aspect-16/9 w-full overflow-hidden rounded-lg border-0" allow="autoplay; gyroscope;" loading="lazy" width="1080" height="auto" src="https://www.youtube.com/embed/IE3XWkZ6a5U?autoplay=0&amp;origin=http://intlayer.org&amp;controls=0&amp;rel=1"/>
 
   </TabItem>
   <TabItem label="Code" value="code">

package/docs/de/packages/intlayer/getLocaleName.md

@@ -19,6 +19,9 @@ slugs:
   - intlayer
   - getLocaleName
 history:
+  - version: 7.5.0
+    date: 2025-12-18
+    changes: Polyfills für React Native und ältere Umgebungen hinzufügen
   - version: 5.5.10
     date: 2025-06-29
     changes: Initialer Verlauf
@@ -33,7 +36,6 @@ Die Funktion `getLocaleName` gibt den lokalisierten Namen einer gegebenen Locale
 ## Parameter
 
 - `displayLocale: Locales`
-
   - **Beschreibung**: Die Locale, in der der Name der Ziel-Locale angezeigt wird.
   - **Typ**: Enum oder String, der gültige Locales repräsentiert.
 
@@ -117,3 +119,17 @@ getLocaleName("unknown-locale"); // Ausgabe: "Unbekannte Locale"
   - Die Funktion gibt standardmäßig den eigenen Namen von `displayLocale` zurück.
 - **Fehlende Übersetzungen:**
   - Wenn `localeNameTranslations` keinen Eintrag für das `targetLocale` oder das spezifische `displayLocale` enthält, greift die Funktion auf den `ownLocalesName` zurück oder gibt `"Unbekannte Sprache"` zurück.
+
+## Polyfills für React Native und ältere Umgebungen
+
+Die Funktion `getLocaleName` basiert auf der `Intl.DisplayNames` API, die in React Native oder älteren JavaScript-Umgebungen nicht verfügbar ist. Wenn Sie `getLocaleName` in diesen Umgebungen verwenden, müssen Sie Polyfills hinzufügen.
+
+Importieren Sie die Polyfills früh in Ihrer Anwendung, idealerweise in Ihrer Einstiegspunktdatei (z. B. `index.js`, `App.tsx` oder `main.tsx`):
+
+```typescript
+import "intl";
+import "@formatjs/intl-locale/polyfill";
+import "@formatjs/intl-displaynames/polyfill";
+```
+
+Weitere Details finden Sie in der [FormatJS Polyfills-Dokumentation](https://formatjs.io/docs/polyfills/intl-displaynames/).

package/docs/de/plugins/sync-json.md

@@ -34,7 +34,7 @@ history:
 
 # Sync JSON (i18n-Brücken) - Sync JSON mit ICU / i18next-Unterstützung
 
-<iframe title="Wie Sie Ihre JSON-Übersetzungen mit Intlayer synchronisiert halten" class="m-auto aspect-[16/9] w-full overflow-hidden rounded-lg border-0" allow="autoplay; gyroscope;" loading="lazy" width="1080" height="auto" src="https://www.youtube.com/embed/MpGMxniDHNg?autoplay=0&amp;origin=http://intlayer.org&amp;controls=0&amp;rel=1"/>
+<iframe title="Wie Sie Ihre JSON-Übersetzungen mit Intlayer synchronisiert halten" class="m-auto aspect-16/9 w-full overflow-hidden rounded-lg border-0" allow="autoplay; gyroscope;" loading="lazy" width="1080" height="auto" src="https://www.youtube.com/embed/MpGMxniDHNg?autoplay=0&amp;origin=http://intlayer.org&amp;controls=0&amp;rel=1"/>
 
 Verwenden Sie Intlayer als Ergänzung zu Ihrem bestehenden i18n-Stack. Dieses Plugin hält Ihre JSON-Nachrichten mit den Intlayer-Wörterbüchern synchron, sodass Sie:
 

package/docs/en/dictionary/content_file.md

@@ -28,7 +28,7 @@ history:
 
 # Content File
 
-<iframe title="i18n, Markdown, JSON… one single solution to manage it all | Intlayer" class="m-auto aspect-[16/9] w-full overflow-hidden rounded-lg border-0" allow="autoplay; gyroscope;" loading="lazy" width="1080" height="auto" src="https://www.youtube.com/embed/1VHgSY_j9_I?autoplay=0&amp;origin=http://intlayer.org&amp;controls=0&amp;rel=1"/>
+<iframe title="i18n, Markdown, JSON… one single solution to manage it all | Intlayer" class="m-auto aspect-16/9 w-full overflow-hidden rounded-lg border-0" allow="autoplay; gyroscope;" loading="lazy" width="1080" height="auto" src="https://www.youtube.com/embed/1VHgSY_j9_I?autoplay=0&amp;origin=http://intlayer.org&amp;controls=0&amp;rel=1"/>
 
 ## What is a Content File?
 

package/docs/en/intlayer_CMS.md

@@ -31,7 +31,7 @@ history:
 
 # Intlayer Content Management System (CMS) Documentation
 
-<iframe title="Visual Editor + CMS for Your Web App: Intlayer Explained" class="m-auto aspect-[16/9] w-full overflow-hidden rounded-lg border-0" allow="autoplay; gyroscope;" loading="lazy" width="1080" height="auto" src="https://www.youtube.com/embed/UDDTnirwi_4?autoplay=0&amp;origin=http://intlayer.org&amp;controls=0&amp;rel=1"/>
+<iframe title="Visual Editor + CMS for Your Web App: Intlayer Explained" class="m-auto aspect-16/9 w-full overflow-hidden rounded-lg border-0" allow="autoplay; gyroscope;" loading="lazy" width="1080" height="auto" src="https://www.youtube.com/embed/UDDTnirwi_4?autoplay=0&amp;origin=http://intlayer.org&amp;controls=0&amp;rel=1"/>
 
 The Intlayer CMS is am Application that allows you to externalize your content of an Intlayer project.
 

package/docs/en/intlayer_visual_editor.md

@@ -33,7 +33,7 @@ history:
 
 # Intlayer Visual Editor Documentation
 
-<iframe title="Visual Editor + CMS for Your Web App: Intlayer Explained" class="m-auto aspect-[16/9] w-full overflow-hidden rounded-lg border-0" allow="autoplay; gyroscope;" loading="lazy" width="1080" height="auto" src="https://www.youtube.com/embed/UDDTnirwi_4?autoplay=0&amp;origin=http://intlayer.org&amp;controls=0&amp;rel=1"/>
+<iframe title="Visual Editor + CMS for Your Web App: Intlayer Explained" class="m-auto aspect-16/9 w-full overflow-hidden rounded-lg border-0" allow="autoplay; gyroscope;" loading="lazy" width="1080" height="auto" src="https://www.youtube.com/embed/UDDTnirwi_4?autoplay=0&amp;origin=http://intlayer.org&amp;controls=0&amp;rel=1"/>
 
 The Intlayer Visual Editor is a tool that will wrap your website to interact with your content declaration files using a visual editor.
 

package/docs/en/intlayer_with_nextjs_15.md

@@ -71,7 +71,7 @@ With Intlayer, you can:
 <Tab defaultTab="video">
   <TabItem label="Video" value="video">
 
-<iframe title="The best i18n solution for Next.js? Discover Intlayer" class="m-auto aspect-[16/9] w-full overflow-hidden rounded-lg border-0" allow="autoplay; gyroscope;" loading="lazy" width="1080" height="auto" src="https://www.youtube.com/embed/e_PPG7PTqGU?autoplay=0&amp;origin=http://intlayer.org&amp;controls=0&amp;rel=1"/>
+<iframe title="The best i18n solution for Next.js? Discover Intlayer" class="m-auto aspect-16/9 w-full overflow-hidden rounded-lg border-0" allow="autoplay; gyroscope;" loading="lazy" width="1080" height="auto" src="https://www.youtube.com/embed/e_PPG7PTqGU?autoplay=0&amp;origin=http://intlayer.org&amp;controls=0&amp;rel=1"/>
 
   </TabItem>
   <TabItem label="Code" value="code">

package/docs/en/intlayer_with_nextjs_16.md

@@ -30,7 +30,7 @@ history:
 <Tab defaultTab="video">
   <TabItem label="Video" value="video">
   
-<iframe title="The best i18n solution for Next.js? Discover Intlayer" class="m-auto aspect-[16/9] w-full overflow-hidden rounded-lg border-0" allow="autoplay; gyroscope;" loading="lazy" width="1080" height="auto" src="https://www.youtube.com/embed/e_PPG7PTqGU?autoplay=0&amp;origin=http://intlayer.org&amp;controls=0&amp;rel=1"/>
+<iframe title="The best i18n solution for Next.js? Discover Intlayer" class="m-auto aspect-16/9 w-full overflow-hidden rounded-lg border-0" allow="autoplay; gyroscope;" loading="lazy" width="1080" height="auto" src="https://www.youtube.com/embed/e_PPG7PTqGU?autoplay=0&amp;origin=http://intlayer.org&amp;controls=0&amp;rel=1"/>
 
   </TabItem>
   <TabItem label="Code" value="code">

package/docs/en/intlayer_with_nuxt.md

@@ -52,7 +52,7 @@ With Intlayer, you can:
 <Tab defaultTab="video">
   <TabItem label="Video" value="video">
   
-<iframe title="How to translate your Nuxt and Vue app using Intlayer? Discover Intlayer" class="m-auto aspect-[16/9] w-full overflow-hidden rounded-lg border-0" allow="autoplay; gyroscope;" loading="lazy" width="1080" height="auto" src="https://www.youtube.com/embed/nhUcUAVQ6eQ?autoplay=0&amp;origin=http://intlayer.org&amp;controls=0&amp;rel=1"/>
+<iframe title="How to translate your Nuxt and Vue app using Intlayer? Discover Intlayer" class="m-auto aspect-16/9 w-full overflow-hidden rounded-lg border-0" allow="autoplay; gyroscope;" loading="lazy" width="1080" height="auto" src="https://www.youtube.com/embed/nhUcUAVQ6eQ?autoplay=0&amp;origin=http://intlayer.org&amp;controls=0&amp;rel=1"/>
 
   </TabItem>
   <TabItem label="Code" value="code">
@@ -376,11 +376,11 @@ import { useIntlayer } from "vue-intlayer";
 const content = useIntlayer("home-page");
 
 useHead({
-  title: content.metaTitle.value,
+  title: content.metaTitle.raw,
   meta: [
     {
       name: "description",
-      content: content.metaDescription.value,
+      content: content.metaDescription.raw,
     },
   ],
 });

package/docs/en/intlayer_with_react_router_v7.md

@@ -91,7 +91,7 @@ pnpm add vite-intlayer --save-dev
 <Tab defaultTab="video">
   <TabItem label="Video" value="video">
   
-<iframe title="How to translate your React Router v7 app using Intlayer" class="m-auto aspect-[16/9] w-full overflow-hidden rounded-lg border-0" allow="autoplay; gyroscope;" loading="lazy" width="1080" height="auto" src="https://www.youtube.com/embed/dS9L7uJeak4?autoplay=0&amp;origin=http://intlayer.org&amp;controls=0&amp;rel=1"/>
+<iframe title="How to translate your React Router v7 app using Intlayer" class="m-auto aspect-16/9 w-full overflow-hidden rounded-lg border-0" allow="autoplay; gyroscope;" loading="lazy" width="1080" height="auto" src="https://www.youtube.com/embed/dS9L7uJeak4?autoplay=0&amp;origin=http://intlayer.org&amp;controls=0&amp;rel=1"/>
 
   </TabItem>
   <TabItem label="Code" value="code">

package/docs/en/intlayer_with_react_router_v7_fs_routes.md

@@ -54,7 +54,7 @@ With Intlayer, you can:
 <Tab defaultTab="video">
   <TabItem label="Video" value="video">
   
-<iframe title="How to translate your React Router v7 (File-System Routes) app using Intlayer" class="m-auto aspect-[16/9] w-full overflow-hidden rounded-lg border-0" allow="autoplay; gyroscope;" loading="lazy" width="1080" height="auto" src="https://www.youtube.com/embed/dS9L7uJeak4?autoplay=0&amp;origin=http://intlayer.org&amp;controls=0&amp;rel=1"/>
+<iframe title="How to translate your React Router v7 (File-System Routes) app using Intlayer" class="m-auto aspect-16/9 w-full overflow-hidden rounded-lg border-0" allow="autoplay; gyroscope;" loading="lazy" width="1080" height="auto" src="https://www.youtube.com/embed/dS9L7uJeak4?autoplay=0&amp;origin=http://intlayer.org&amp;controls=0&amp;rel=1"/>
 
   </TabItem>
   <TabItem label="Code" value="code">

package/docs/en/intlayer_with_tanstack.md

@@ -66,7 +66,7 @@ With Intlayer, you can:
 <Tab defaultTab="video">
   <TabItem label="Video" value="video">
   
-<iframe title="The best i18n solution for Tanstack Start? Discover Intlayer" class="m-auto aspect-[16/9] w-full overflow-hidden rounded-lg border-0" allow="autoplay; gyroscope;" loading="lazy" width="1080" height="auto" src="https://www.youtube.com/embed/_XTdKVWaeqg?autoplay=0&amp;origin=http://intlayer.org&amp;controls=0&amp;rel=1"/>
+<iframe title="The best i18n solution for Tanstack Start? Discover Intlayer" class="m-auto aspect-16/9 w-full overflow-hidden rounded-lg border-0" allow="autoplay; gyroscope;" loading="lazy" width="1080" height="auto" src="https://www.youtube.com/embed/_XTdKVWaeqg?autoplay=0&amp;origin=http://intlayer.org&amp;controls=0&amp;rel=1"/>
 
   </TabItem>
   <TabItem label="Code" value="code">

package/docs/en/intlayer_with_vite+preact.md

@@ -1467,8 +1467,7 @@ import { useLocale, useLocation, route } from "preact-intlayer"; // Assuming use
 import type { JSX } from "preact"; // For HTMLAttributes
 import { forwardRef } from "preact/compat"; // For forwarding refs
 
-export interface LocalizedLinkProps
-  extends JSX.HTMLAttributes<HTMLAnchorElement> {
+export interface LocalizedLinkProps extends JSX.HTMLAttributes<HTMLAnchorElement> {
   href: string;
   replace?: boolean; // Optional: to replace history state
 }

package/docs/en/intlayer_with_vite+react.md

@@ -47,7 +47,7 @@ With Intlayer, you can:
 <Tab defaultTab="video">
   <TabItem label="Video" value="video">
   
-<iframe title="The best i18n solution for Vite and React? Discover Intlayer" class="m-auto aspect-[16/9] w-full overflow-hidden rounded-lg border-0" allow="autoplay; gyroscope;" loading="lazy" width="1080" height="auto" src="https://www.youtube.com/embed/dS9L7uJeak4?si=VaKmrYMmXjo3xpk2"/>
+<iframe title="The best i18n solution for Vite and React? Discover Intlayer" class="m-auto aspect-16/9 w-full overflow-hidden rounded-lg border-0" allow="autoplay; gyroscope;" loading="lazy" width="1080" height="auto" src="https://www.youtube.com/embed/dS9L7uJeak4?si=VaKmrYMmXjo3xpk2"/>
 
   </TabItem>
   <TabItem label="Code" value="code">

package/docs/en/intlayer_with_vite+vue.md

@@ -46,7 +46,7 @@ With Intlayer, you can:
 <Tab defaultTab="video">
   <TabItem label="Video" value="video">
   
-<iframe title="The best i18n solution for Vite and Vue? Discover Intlayer" class="m-auto aspect-[16/9] w-full overflow-hidden rounded-lg border-0" allow="autoplay; gyroscope;" loading="lazy" width="1080" height="auto" src="https://www.youtube.com/embed/IE3XWkZ6a5U?autoplay=0&amp;origin=http://intlayer.org&amp;controls=0&amp;rel=1"/>
+<iframe title="The best i18n solution for Vite and Vue? Discover Intlayer" class="m-auto aspect-16/9 w-full overflow-hidden rounded-lg border-0" allow="autoplay; gyroscope;" loading="lazy" width="1080" height="auto" src="https://www.youtube.com/embed/IE3XWkZ6a5U?autoplay=0&amp;origin=http://intlayer.org&amp;controls=0&amp;rel=1"/>
 
   </TabItem>
   <TabItem label="Code" value="code">

package/docs/en/packages/intlayer/getLocaleName.md

@@ -19,6 +19,9 @@ slugs:
   - intlayer
   - getLocaleName
 history:
+  - version: 7.5.0
+    date: 2025-12-18
+    changes: Add polyfills for React Native and older environments
   - version: 5.5.10
     date: 2025-06-29
     changes: Init history
@@ -116,3 +119,17 @@ getLocaleName("unknown-locale"); // Output: "Unknown locale"
   - The function defaults to returning the `displayLocale`'s own name.
 - **Missing translations:**
   - If `localeNameTranslations` does not contain an entry for the `targetLocale` or the specific `displayLocale`, the function falls back to the `ownLocalesName` or returns `"Unknown locale"`.
+
+## Polyfills for React Native and Older Environments
+
+The `getLocaleName` function relies on the `Intl.DisplayNames` API, which is not available in React Native or older JavaScript environments. If you're using `getLocaleName` in these environments, you need to add polyfills.
+
+Import the polyfills early in your application, ideally in your entry point file (e.g., `index.js`, `App.tsx`, or `main.tsx`):
+
+```typescript
+import "intl";
+import "@formatjs/intl-locale/polyfill";
+import "@formatjs/intl-displaynames/polyfill";
+```
+
+For more details, see the [FormatJS polyfills documentation](https://formatjs.io/docs/polyfills/intl-displaynames/).

package/docs/en/plugins/sync-json.md

@@ -34,7 +34,7 @@ history:
 
 # Sync JSON (i18n bridges) - Sync JSON with ICU / i18next support
 
-<iframe title="How to keep your JSON translations in sync with Intlayer" class="m-auto aspect-[16/9] w-full overflow-hidden rounded-lg border-0" allow="autoplay; gyroscope;" loading="lazy" width="1080" height="auto" src="https://www.youtube.com/embed/MpGMxniDHNg?autoplay=0&amp;origin=http://intlayer.org&amp;controls=0&amp;rel=1"/>
+<iframe title="How to keep your JSON translations in sync with Intlayer" class="m-auto aspect-16/9 w-full overflow-hidden rounded-lg border-0" allow="autoplay; gyroscope;" loading="lazy" width="1080" height="auto" src="https://www.youtube.com/embed/MpGMxniDHNg?autoplay=0&amp;origin=http://intlayer.org&amp;controls=0&amp;rel=1"/>
 
 Use Intlayer as an add‑on to your existing i18n stack. This plugin keeps your JSON messages in sync with Intlayer dictionaries so you can:
 

package/docs/en-GB/dictionary/content_file.md

@@ -25,7 +25,7 @@ history:
 
 # Content File
 
-<iframe title="i18n, Markdown, JSON… one single solution to manage it all | Intlayer" class="m-auto aspect-[16/9] w-full overflow-hidden rounded-lg border-0" allow="autoplay; gyroscope;" loading="lazy" width="1080" height="auto" src="https://www.youtube.com/embed/1VHgSY_j9_I?autoplay=0&amp;origin=http://intlayer.org&amp;controls=0&amp;rel=1"/>
+<iframe title="i18n, Markdown, JSON… one single solution to manage it all | Intlayer" class="m-auto aspect-16/9 w-full overflow-hidden rounded-lg border-0" allow="autoplay; gyroscope;" loading="lazy" width="1080" height="auto" src="https://www.youtube.com/embed/1VHgSY_j9_I?autoplay=0&amp;origin=http://intlayer.org&amp;controls=0&amp;rel=1"/>
 
 ## What is a Content File?
 

package/docs/en-GB/intlayer_CMS.md

@@ -31,7 +31,7 @@ history:
 
 # Intlayer Content Management System (CMS) Documentation
 
-<iframe title="Visual Editor + CMS for Your Web App: Intlayer Explained" class="m-auto aspect-[16/9] w-full overflow-hidden rounded-lg border-0" allow="autoplay; gyroscope;" loading="lazy" width="1080" height="auto" src="https://www.youtube.com/embed/UDDTnirwi_4?autoplay=0&amp;origin=http://intlayer.org&amp;controls=0&amp;rel=1"/>
+<iframe title="Visual Editor + CMS for Your Web App: Intlayer Explained" class="m-auto aspect-16/9 w-full overflow-hidden rounded-lg border-0" allow="autoplay; gyroscope;" loading="lazy" width="1080" height="auto" src="https://www.youtube.com/embed/UDDTnirwi_4?autoplay=0&amp;origin=http://intlayer.org&amp;controls=0&amp;rel=1"/>
 
 The Intlayer CMS is an application that allows you to externalise the content of an Intlayer project.