مُشغّلات الاهتمام وسمة Command

تعمل مجموعة Open UI على توحيد سمتَي HTML جديدتين — command للإجراءات التي تُشغَّل بالنقر، وinteresttarget لـ«الاهتمام» الذي يُشغَّل بالتمرير أو التركيز (وهو أساس التلميحات والمعاينات). توسّع كلتاهما HTML بسلوكيات تصريحية كانت تتطلب JavaScript تقليديًا.

يعرض زر يتضمّن command="show-modal" وcommandfor="dialog-id" مربع حوار من دون أي JS — مستبدلًا الاستدعاءات اليدوية لـdialog.showModal(). ومن الأوامر الأخرى: command="close" وcommand="toggle-popover" وcommand="show-popover".

تستهدف المجموعة الأولية أنماط واجهة المستخدم الشائعة: إظهار مربعات الحوار وإخفاؤها (باستخدام <dialog> المضمّن)، وتبديل ظهور النوافذ المنبثقة (باستخدام Popover API)، وقد تتوسع بمرور الوقت. ويمكن للعناصر المخصّصة التصريح بالأوامر التي تقبلها عبر معالجات أحداث oncommand.

إضافةً إلى الأوامر المضمّنة، تسمح المواصفة بسلاسل أوامر مخصّصة تبدأ بـ"--". ويتلقى العنصر المستهدف حدث command يمكنكم معالجته في JS: el.addEventListener("command", (e) => { if (e.command === "--save") save(); }).

تحدّد سمة interesttarget العنصر المستهدف بـ«اهتمام» عنصر آخر — ويكون عادةً تلميحًا يظهر عند التمرير أو التركيز. يتولى المتصفح تلقائيًا توقيت الظهور (تأخير نية التمرير البالغ 300 مللي ثانية)، والموضع (باستخدام تموضع الارتساء)، والإخفاء.

صُمّم نمط النافذة المنبثقة التلميحية للنوافذ المنبثقة الشبيهة بالتلميحات التي تظهر عند وجود اهتمام. وهي غير مشروطة، ولا تنتزع التركيز، وتختفي عند زوال الاهتمام. ويمنحكم الجمع بين interesttarget + popover="hint" تلميحًا أصليًا باستخدام سمتي HTML فقط.

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

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

يستبدل كلٌّ من هذه الميزات شيفرة JavaScript كُتبت وأُعيدت كتابتها ملايين المرات: إدارة مربعات الحوار، ومشغّلات النوافذ المنبثقة، وسلوك التلميحات. ويؤدي نقل هذه الأنماط إلى HTML إلى تقليل حجم الصفحة، وتحسين الاتساق، وإتاحة تطبيق المتصفح للتحسينات.

تقود مجموعة المجتمع Open UI (open-ui.org) جزءًا كبيرًا من هذا العمل — إذ تقترح عناصر HTML وسماتها الجديدة، وتضع نماذج أولية لها، وترعى مرورها عبر مسار وضع المعايير. تابعوا مدونتهم للاطلاع على أحدث المقترحات.

تشكل command وinteresttarget وpopover وdialog وتموضع الارتساء وانتقالات العرض والقوائم القابلة للتخصيص جزءًا من توجه متماسك واحد يهدف إلى جلب أنماط مكتبات المكوّنات إلى المنصة. كل ميزة منها صغيرة بمفردها؛ لكنها مجتمعةً تمثل أكبر توسّع في مفردات واجهة HTML منذ سنوات.

تابعوا المقترحات (open-ui.org)، وجرّبوا الميزات في Chromium مع تفعيل الأعلام، وخطّطوا لاعتمادها مع استقرارها. راجعوا قاعدة الشيفرة الحالية لديكم: احسبوا مقدار شيفرة JS المخصّصة لتجهيزات مربعات الحوار والنوافذ المنبثقة والتلميحات. هذه الشيفرة مستهدفة للاستبدال خلال بضعة إصدارات.

ما الغرض من سمة command في الزر؟

توسّع ميزتان ناشئتان مفردات واجهة HTML التصريحية: command + commandfor للإجراءات التي تُشغَّل بالنقر (إظهار مربع حوار مشروط، وتبديل نافذة منبثقة)، وinteresttarget + popover="hint" للتلميحات التي تُشغَّل بالتمرير أو التركيز. تستبدل كلتاهما أنماط JavaScript الشائعة بسمات HTML، مما يحسّن إمكانية الوصول ويقلّل حجم الحزمة. ولا تزالان قيد التطور؛ لذا تابعوا Open UI لمراقبة استقرارهما، واعتمدوهما مع وصول دعم المتصفحات.