import { useState, useRef, } from "@wordpress/element"; import Popover from '@mui/material/Popover'; // date range picker and date fns import { DateRangePicker } from 'react-date-range'; import {format, parseISO, startOfYear, endOfYear, addYears, addDays, addMonths, isSameDay, startOfDay, endOfDay, startOfMonth, endOfMonth} from 'date-fns' import Icon from '../utils/Icon'; import {__} from '@wordpress/i18n'; import useDate from './useDateStore'; const DateRange = () => { const [anchorEl, setAnchorEl] = useState(null); const open = Boolean(anchorEl); const startDate = useDate((state) => state.startDate); const endDate = useDate((state) => state.endDate); const setStartDate = useDate((state) => state.setStartDate); const setEndDate = useDate((state) => state.setEndDate); const range = useDate((state) => state.range); const setRange = useDate((state) => state.setRange); const selectionRange = { startDate: parseISO(startDate), endDate: parseISO(endDate), key: 'selection', }; const countClicks = useRef(0); // select date ranges from settings const selectedRanges = [ 'today', 'yesterday', 'last-7-days', 'last-30-days', 'last-90-days', 'last-month', 'last-year', 'year-to-date', ]; const availableRanges = { 'today': { label: __('Today', 'complianz-gdpr' ), range: () => ({ startDate: startOfDay(new Date()), endDate: endOfDay(new Date()) }) }, 'yesterday': { label: __('Yesterday', 'complianz-gdpr'), range: () => ({ startDate: startOfDay(addDays(new Date(), -1)), endDate: endOfDay(addDays(new Date(), -1)) }) }, 'last-7-days': { label: __('Last 7 days', 'complianz-gdpr'), range: () => ({ startDate: startOfDay(addDays(new Date(), -7)), endDate: endOfDay(addDays(new Date(), -1)) }) }, 'last-30-days': { label: __('Last 30 days', 'complianz-gdpr' ), range: () => ({ startDate: startOfDay(addDays(new Date(), -30)), endDate: endOfDay(addDays(new Date(), -1)) }) }, 'last-90-days': { label: __('Last 90 days', 'complianz-gdpr'), range: () => ({ startDate: startOfDay(addDays(new Date(), -90)), endDate: endOfDay(addDays(new Date(), -1)) }) }, 'last-month': { label: __('Last month', 'complianz-gdpr' ), range: () => ({ startDate: startOfMonth(addMonths(new Date(), -1)), endDate: endOfMonth(addMonths(new Date(), -1)) }) }, 'year-to-date': { label: __('Year to date', 'complianz-gdpr' ), range: () => ({ startDate: startOfYear(new Date()), endDate: endOfDay(new Date()) }) }, 'last-year': { label: __('Last year', 'complianz-gdpr' ), range: () => ({ startDate: startOfYear(addYears(new Date(), -1)), endDate: endOfYear(addYears(new Date(), -1)) }) }, } function isSelected(range) { const definedRange = this.range(); return ( isSameDay(range.startDate, definedRange.startDate) && isSameDay(range.endDate, definedRange.endDate) ); } // for all selected ranges add daterange and isSelected function const dateRanges = []; for (const [key, value] of Object.entries(selectedRanges)) { if (value) { dateRanges.push(availableRanges[value]); dateRanges[dateRanges.length - 1].isSelected = isSelected; } } const handleClick = (e) => { setAnchorEl(e.currentTarget); }; const handleClose = (e) => { setAnchorEl(null); }; const updateDateRange = (ranges) => { countClicks.current++ // setSelectionRange(ranges.selection); let startStr = format(ranges.selection.startDate, 'yyyy-MM-dd'); let endStr = format(ranges.selection.endDate, 'yyyy-MM-dd'); let range = 'custom'; // loop through availableRanges and check if the selected range is one of them for (const [key, value] of Object.entries(availableRanges)) { if (value.isSelected(ranges.selection)) { range = key; } } let dateRange = { startDate: ranges.selection.startDate, endDate: ranges.selection.endDate, range: range } if ( countClicks.current === 2 || startStr !== endStr || range !== 'custom' ) { countClicks.current = 0; setStartDate(startStr); setEndDate(endStr); setRange(range); handleClose(); } } const formatString = 'MMMM d, yyyy'; const display = { startDate: startDate ? format(new Date(startDate), formatString) : format(defaultStart, formatString), endDate: endDate ? format(new Date(endDate), formatString) : format(defaultEnd, formatString), } return ( <div className="cmplz-date-range-container"> <button onClick={handleClick} id="cmplz-date-range-picker-open-button"> <Icon name='calendar' size={'18'}/> {range === 'custom' && display.startDate + ' - ' + display.endDate} {range !== 'custom' && availableRanges[range].label} <Icon name='chevron-down' /> </button> <Popover anchorEl={anchorEl} anchorOrigin={{vertical: 'bottom', horizontal: 'right'}} transformOrigin={{vertical: 'top', horizontal: 'right'}} open={open} onClose={handleClose} className="burst" > <div id="cmplz-date-range-picker-container"> <DateRangePicker ranges={[selectionRange]} rangeColors={['var(--rsp-brand-primary)']} dateDisplayFormat={formatString} monthDisplayFormat="MMMM" // color="var(--rsp-text-color)" onChange={(ranges) => {updateDateRange(ranges)}} inputRanges={[]} showSelectionPreview={true} // moveRangeOnFirstSelection={false} months={2} direction="horizontal" minDate={new Date(2022, 0, 1)} maxDate={ new Date() } staticRanges={dateRanges} /> </div> </Popover> </div> ); } export default DateRange;

معرفة

رواية “موسم صيد الغزلان “أدب يقرأ الغد: فكيف توقّعت رواية مراد تقنيات اليوم؟

أكتوبر 9, 2025

5٬603 دقيقة واحدة

كتبت: فرح سمير

في عام 2017، أصدر الكاتب المصري أحمد مراد روايته “موسم صيد الغزلان”، التي جاءت خارج المألوف في السرد العربي، واصطحبت القارئ في رحلة إلى مستقبل تحكمه التكنولوجيا، وتختفي فيه ملامح الحياة التقليدية. رواية استباقية طرحت أسئلة علمية وفلسفية بلغة أدبية مشوقة، وتنبأت بواقع نبدأ اليوم في ملامسته.

في الرواية، نتتبع رحلة “نديم”، أستاذ بيولوجيا شاب يؤمن بالعلم المطلق وينكر الأديان، يلتقي بـ”تُقى”، فتاة تنتمي إلى جماعة سرّية ما زالت تؤمن بالروحانيات والإيمان. ينطلق الصراع بين العقل والإيمان في قالب حواري وفلسفي داخل عالم مستقبلي متطور تقنيًا، تُستخدم فيه تقنيات زرع الذاكرة، والعلاج بالروبوت، والتعليم بالنقل العصبي. وبين أسئلة الإيمان، والحب، والمعرفة، يكشف مراد عالماً يُخضع الإنسان للآلة ويطرح تساؤلات وجودية عميقة عن المستقبل ومعنى الحياة.

مراد لم يكتب من فراغ، بل بنى روايته على بحث علمي مكثف. وقال مراد في أحد تصريحاته:
“الرواية استغرقت مني 3 أشهر من البحث العلمي، و9 أشهر من الكتابة. التحدي الأكبر كان أن أستشرف المستقبل من خلال الإشارات العلمية المتوفرة الآن.”

ما كتبه أحمد مراد عن أدوات الاتصال الذكية، التعليم القائم على زراعة المعرفة في الدماغ، والطب القادر على استبدال أعضاء الإنسان بالكامل، لم يعد ضرباً من الخيال. فالواقع الافتراضي والمعزز، والهولوجرام، والروبوتات الجراحية، وواجهات زرع المعلومات في الدماغ مثل Neuralink، كلها تقنيات بدأت تظهر في حياتنا المعاصرة. حتى التقدم في مجالات تعديل الأجنة وزراعة الأعضاء الصناعية الذكية أصبح اليوم محط نقاش وتجربة.

ورغم سيطرة الخط التكنولوجي، لم تغب الكوارث البيئية عن الرواية. فقد أشار مراد إلى جفاف نهر النيل، وغرق مناطق الدلتا والإسكندرية بسبب ذوبان الجليد القطبي. وهي مشاهد روائية تنسجم بشكل مقلق مع التحذيرات العلمية الراهنة من آثار تغيّر المناخ على المدن الساحلية.

رواية أم سيناريو مستقبلي؟
تميّزت الرواية بأسلوب بصري واضح، فبدت مشاهدها وكأنها تُعرض على شاشة سينمائية. استخدم مراد تقنيات السرد البصري بشكل بارع، فبدت الابتكارات وكأنها شخصيات موازية داخل الحبكة، وليست مجرد خلفية.

خيال علمي عربي… يسبق عصره
“موسم صيد الغزلان” ليست فقط عملاً روائيًا متقدّمًا، بل خطوة جريئة في مجال الخيال العلمي العربي، الذي نادرًا ما يتم التعامل معه بجديّة. مراد لم يستخدم الخيال كمهرب من الواقع، بل كأداة لقراءته وتحليله واستشراف ما قد يأتي.
ومع تسارع وتيرة التطور التكنولوجي اليوم، تعود الرواية لتُقرأ من منظور مختلف: كنص أدبي استشرافي، سبق زمنه، ولامس ملامح واقع نعيش بداياته

أكتوبر 9, 2025

5٬603 دقيقة واحدة