تخطَّ إلى المحتوى
dopejs
كل المشاريع

dope-canvas

مرحلة التصميم

لوحة لا نهائية لمجموعات ضخمة من مخرجات الويب المولَّدة بالذكاء الاصطناعي.

مئات الإطارات الحية لا تتوسع، وتسطيح كل صفحة إلى صورة يفقدك التحديد وتوجيه الأحداث. يحتفظ dope-canvas بالمخرجات كاملة — المصدر والحالة الدائمة وشجرة التفاعل وذاكرة الرسم وبيئة تشغيل حية اختيارية — فيبقى التحديد والتفعيل على طريقة Figma. المستودع في خط الأساس السابق للتطوير: بنية وخطة تسليم ونموذج أمان، دون لوحة عاملة بعد.

نظرة عامة

يحتفظ كل إطار بسياق تصفح وحالة DOM/CSS ومجال تنفيذ للنصوص البرمجية وموارد وحالة عرض، ولذلك يصعب إبقاء مئات الصفحات المولَّدة حية. الجواب التصميمي هنا هو نموذج المخرَج المحتفَظ به — `المخرَج = المصدر + الحالة الدائمة + شجرة التفاعل + ذاكرة الرسم + بيئة تشغيل حية اختيارية` — حيث تكون اللقطة مجرد ذاكرة رسم. ويبقى المستند ونموذج التفاعل متاحين للتحديد وتوجيه الأحداث والتفعيل والاستعادة الآمنة عبر المراجعات.

تتولى اللوحة نفسها حركة الكاميرا والافتراضية المكانية ودورة حياة الحي/اللقطة وبيانات التفاعل وميزانيات الموارد وتركيب العرض، بينما تقدّم المخرجات HTML و CSS و JavaScript مضبوطًا. ويتبع تقسيم الحزم هذه الحدود — protocol و spatial و core و artifact و security و runtime و renderer و editor — وكلها خاصة وبإصدار 0.0.0، ولا تُقدَّم أي منها كعقد عام مستقر.

يُذكر قيدان منذ البداية: لم تُجتَز بوابات الأدلة على المتصفحات في المرحلة M0، فدعم واجهات HTML-in-Canvas التجريبية يبقى قدرة لا وعدًا؛ ولم يُختَر ترخيص بعد، فحتى يضيفه المسؤولون لا تُقدَّم المحتويات بموجب ترخيص مفتوح المصدر.

ماذا يفعل

  • نموذج المخرَج المحتفَظ به: اللقطة مجرد ذاكرة رسم، فيبقى التحديد وتوجيه الأحداث سليمين.
  • اللوحة تتولى الكاميرا والافتراضية المكانية ودورة حياة الحي/اللقطة وميزانيات الموارد والتركيب.
  • حدود الحزم تعكس التصميم: protocol و spatial و core و artifact و security و runtime و renderer و editor.
  • الأمان حزمة من الدرجة الأولى — منقّي المحتوى وسياسة الروابط والحصص والصلاحيات — لا تحصين متأخر.
  • التوثيق سابق للتنفيذ: التصميم التقني وخطة التسليم ونموذج الأمان واستراتيجية التوافق وبروتوكول القياس والأسئلة المفتوحة.

البدء

المتطلبات: Node.js 22.12+ و pnpm 10.33.2.