v1.3.2

السلام عليكم ورحمة الله وبركاته.
أصبح الإصدار 1.3.2 متاحاً الآن.
يرجى تنزيل التحديث الجديد لأنه يحتوي على تحسينات في الأداء والمزيد بإذن الله.

• تم استخدام ()memo و ()useMemo لتجنب عمل render غير ضروري لأي component مما أدى إلى تحسينات في الأداء ولله الحمد.
• تم تعديل حجم صفحة المصحف ليكون أقرب ما يكون إلى مصحف المدينة المنورة
• تم تحسين جودة عرض آيات المصحف الشريف ولله الحمد.
• الآن يمكنك تخصيص شكل المصحف أكثر باستخدام CSS
  react-quran_surah-title, react-quran_basmalah, react-quran_ayah-word, react-quran_ayah-marker

.react-quran_surah-title {}
.react-quran_basmalah {}
.react-quran_ayah-word {}
.react-quran_ayah-marker {}

• تم تحسين جودة ملف svg الخاص بالبسملة. كما أن المكتبة أصبحت توفر البسملة Basmalah.
  ويدعم نفس الخصائص التي يمكن إضافتها إلى svg، على سبيل المثال: width، height،إلى آخرِه.
  ويمكن استخدامها كالآتي:

import { Basmala } from "react-quran";

const App = () => {
    return (
        <div>
            <Basmala height="64px" />
        </div>
    )
}

export default App

سجلُّ التغييرات: v1.2.5...v1.3.2

English

v1.3.2 is out!

• perf(ReadingView): use memo() to prevent unnecessary re-rendering
• perf(Line): memoize props and variables
• perf(Basmala): prevent unnecessary re-rendering
• perf(ReadingView): move Object.values into useMemo
• feat: add Basmalah to the exports of react-quran
• feat: add classes for styling with CSS
• feat: improve text rendering quality

Full Changelog: v1.2.5...v1.3.2

v1.2.5

السلام عليكم ورحمة الله وبركاته.
أصبح الإصدار 1.2.5 متاحاً الآن ويأتي ومع التحسينات الآتية.
يرجى تنزيل التحديث الجديد لأنه يحتوي على إصلاحات لأخطاء وتحسينات أخرى.

• بعض الآيات تكون في منتصف المصحف الشريف كما في مصحف المدينة المنورة، أصبحت الآن تظهر في منتصف الصفحة كما في مصحف المدينة المنورة.

  على سبيل المثال، في آخر سطر من سورة الفجر قال الله تعالى (فَادْخُلِي فِي عِبادِي ٢٩ وَادْخُلِي جَنَّتِي ٣٠).

  

  قد تلاحظ أن الآية تكون في منتصف الصفحة ولذلك أصبحت في المكتبة تظهر في المنتصف مثل المصحف الشريف ولله الحمد.

  

• تم تقليل مساحة البيانات التي تأتي مع المكتبة، ونَتَجَ عن ذلك تقليل حجم المكتبة بنسبة 30.085856% ولله الحمد.
  وذلك من خلال إختصار أو تغيير أسماء بعض البيانات وحذف بعض البيانات التي لا تحتاجها المكتبة للعمل بعد نشر هذا التحديث.

بالإضافة إلى تحسينات في الأداء ولله الحمد

English

v1.2.5 is out!

• Some lines have been centered on some pages, as in Mushaf al-Madinah. Images explaining this change are in Arabic above.
• The final package size has been reduced by 30%.

v1.2.3

السلام عليكم ورحمة الله وبركاته.
أصبح الإصدار 1.2.3 متاحاً الآن ويأتي ومع التحسينات الآتية.
يرجى تنزيل التحديث الجديد لأنه يحتوي على إصلاحات لأخطاء وتحسينات أخرى.

• إضافة type جديد في دعم TypeScript وهو ProcessedWord
• تم حل مشكلة نسخة الآيات القرآنية في متصفح جوجل كروم. كان المتصفح ينسخ كل كلمة في سطر بمفردها.
• تم نقل كل الثوابت (مثل عدد الصفحات) إلى ملف خاص لتسهيل صيانة المكتبة في المستقبل بإذن الله تعالى
• أصبح إتجاه ReadingView بشكل إجباري من اليمين إلى اليسار (RTL) لأن المصحف الشريف من اليمين إلى اليسار.
  وسبب الإضافة هو أن لا يتأثر إتجاه الكلام إذا كان إتجاه الصفحة من اليسار إلى اليمين (LTR).

English

v1.2.3 is out!

• type: add type ProcessedWord
• fix: an issue on Google Chrome that causes copied verses to be a word-per-line
• refactor: move all constants to a single file
• feat: ReadingView is now RTL by default because the Quran is in Arabic which is RTL

v1.2.0

السلام عليكم ورحمة الله وبركاته.

أصبح الإصدار 1.2.0 متاحاً الآن ويأتي مع التحسينات الآتية

• أصبح حجم المكتبة أصغر بنسبة 6%
• حل مشكلة الفراغ في أسفل الصفحة

English

v1.2.0 is out!

• reduced bundle size by 6%
• fill the empty space at the bottom of the page

v1.0.1

بسم الله الرحمن الرحيم

أعلن نشر الإصدار الأول من react-quran.

أصبح من السهل إضافة المصحف الشريف لموقعك الإلكتروني باستخدام React.js.

المزيد من التفاصيل تجدونها في قسم README.