الحزمة البرمجية: Next.js 16 (App Router, Turbopack), React 19, TypeScript, Tailwind CSS v4, Lucide React, Upstash Redis, PeerJS (WebRTC), DeepSeek AI API, Web Audio API, Canvas API
النتيجة الأساسية: إنشاء غرف محادثة مؤقتة في أقل من ثانية مع صفر تتبع دائم، صفر حسابات مستخدمين، صفر تخزين للرسائل في قواعد البيانات، وتدمير كامل ومضمون للبيانات عند انتهاء صلاحية الغرفة (T).
ملخص المشروع: 4momentary هو بروتوكول اتصال فوري ومؤقت بتصميم بروتالي فريد وسلس تم بناؤه باستخدام Next.js 16 وReact 19 وTailwind CSS v4. قائم على معادلة رياضية تضمن زوال كافة البيانات بمجرد انتهاء صلاحية الغرفة (T)، ويشمل غرفاً مؤقتة متعددة القنوات، ومشاركة صور محسنة بالمتصفح حتى 1 ميجابايت، ونقل بيانات P2P عبر WebRTC، وخريطة رادار فضاء ثلاثية الأبعاد تفاعلية، ومساعد ذكاء اصطناعي اختياري (The Moth) يدعم توجيهات متخصصة وأدوات بحث وتصفح حي.
− accounts (طرح الحسابات): لا أحد ينشئ حساباً، ولا أحد يسجل الدخول.
− archive (طرح الأرشيف): لا رسائل ولا مرفقات تتبقى بعد T.
− tracking (طرح التتبع): لا ملفات كوكيز، لا تحليلات سلوكية، لا ملفات تعريف، ولا بيكسل إعلاني.
T (وقت الانتهاء): اللحظة الثابتة التي تختفي فيها الغرفة وجميع مخصصات الذاكرة التابعة لها تماماً.
∅ (العدم / الفراغ): ليس مجرد حذف شكلي، بل تحرير كامل للذاكرة بحيث لا يتبقى شيء للحذف أصلاً.
المشكلة والفرصة الاستراتيجية
أعباء المراقبة والأرشفة الدائمة: تخزن منصات المحادثة الحديثة (Discord وSlack وTelegram وWhatsApp) سجلات المحادثات والملفات وبيانات الارتباطات بشكل دائم على خوادم سحابية، مما يترك أثراً رقمياً مستمراً حتى للمحادثات العابرة.
صعوبات البدء السريع: يتطلب إنشاء غرفة لمناقشة طارئة، أو مقابلة تقنية، أو جلسة عصف ذهني، أو التنسيق للألعاب حالياً إنشاء حسابات وتأكيد بريد وتنزيل برامج ثقيلة.
الواجهات المزدحمة: تحيط المنصات التقليدية المحادثة بالقوائم والإشعارات والشارات المشتتة.
الفرصة: بناء أداة تواصل مؤقتة بجماليات بروتالية بالأبيض والأسود، وإطلاق سريع بضغطة زر واحدة، وضمانات خصوصية مطلقة، مع دعم خفيف للذكاء الاصطناعي.
البنية الهندسية والقرارات التقنية
1. مرحل الذاكرة Edge وانتهاء الصلاحية عبر Redis TTL
جوهر بدون قاعدة بيانات: تعمل الغرف بالكامل داخل ذاكرة الخادم المتطايرة (/api/room/[roomId]).
حماية إضافية عبر Redis TTL: عند استخدام Upstash Redis، تُمنح الغرف مدة بقاء (TTL) مطابقة للوقت المتبقي. وبمجرد وصول العداد للصفر، يحذف Redis المفاتيح تلقائياً دون الحاجة لعمليات تنظيف دورية.
ساعة رسمية معتمدة من الخادم: يتم التحقق من وقت الانتهاء (expiresAt) عبر الخادم بدقة. وفور الانتهاء، يرفض الخادم تلقائياً إرسال أي رسالة مع رمز الخطأ HTTP 403.
2. شبكة WebRTC المباشرة بين الأجهزة (P2P)
قنوات بيانات P2P مباشرة: تحاول متصفحات المشاركين داخل نفس الغرفة الاتصال ببعضها مباشرة عبر PeerJS وخوادم STUN العامة لتحقيق استجابة فائقة السرعة.
التحويل الاحتياطي السلس: في حال حجب الاتصال المباشر بواسطة جدران الحماية أو شبكات NAT الصارمة، ينتقل العميل بسلاسة إلى مرحل الذاكرة في الخادم.
تزامن التبويبات عبر BroadcastChannel: تتزامن علامات التبويب المفتوحة على نفس الجهاز في الوقت الفعلي عبر واجهة BroadcastChannel دون استهلاك غير ضروري للشبكة.
3. هيكلية القنوات المتعددة والفئات
صفر أعباء على الجداول: تُدار القنوات كبيانات وصفية خفيفة (Message.channelId) ملحقة بالرسائل، دون الحاجة لجداول معقدة في الخلفية.
فئات قابلة للطي: تنظيم القنوات في مجلدات (Message.categoryId) شبيهة بـ Discord دون تعقيدات الإعدادات.
عزل نطاق القناة: تقتصر المحادثة والإشارات والبحث على القناة المختارة، مع بقاء إعلانات النظام العامة مرئية في جميع القنوات.
4. خريطة رادار الفضاء ثلاثية الأبعاد
إسقاط الإحداثيات ثلاثية الأبعاد: تمنح كل غرفة إحداثيات افتراضية في الفضاء (X, Y, Z).
رادار مداري تفاعلي: استكشاف الغرف النشطة عبر رادار ثلاثي المحاور مع إمكانية الدوران، والتحريك، والتقريب، والانتقال الفوري إلى الإحداثيات.
تمثيل حي للمستخدمين المتصلين: يظهر المستخدمون المتصلون كأسراب فراشات متحركة في الفضاء الافتراضي لإعطاء إحساس حي بنشاط المنظومة.
ضغط الصور عبر Canvas داخل المتصفح: يتم تقليص حجم الصور الملصقة من الحافظة (Ctrl+V) أو المختارة تلقائياً داخل عنصر Canvas في المتصفح لضمان عدم تجاوز حد 1 ميجابايت الصارم.
وسائط مؤقتة: معاينة مصغرة قبل الإرسال، وعرض ملء الشاشة بنمط بروتالي، وزوال نهائي عند انتهاء الغرفة.
لوحة ألوان Beehive السداسية المكونة من 39 خلية: خلايا سداسية SVG متداخلة تتيح اختيار ألوان الرمز التعبيري مع حساب تباين الإضاءة تلقائياً (isLightColor).
6. The Moth: رفيق ذكاء اصطناعي بمفتاحك الخاص وسوق التوجيهات
نموذج BYOK: يعمل بمفتاح DeepSeek API الخاص بالمستخدم، والمحفوظ حصرياً في sessionStorage للمتصفح دون رفعه للخادم أو كتابته في السجلات.
سوق التوجيهات المخصصة: يشمل شخصيات جاهزة مثل مدرب دوتا (Dota Coach) (مزود بقواعد تحليل بيانات التحديثات الحية من Dotabuff وDotafury)، والمحلل الرياضي، والعلوم والرياضيات، والبحث العلمي، والمساعد المهني.
أدوات تصفح آمنة: دعم البحث عبر DuckDuckGo وقراءة صفحات الويب عبر الخادم بأمان مع تخزين مؤقت وحجب المعرفات الشخصية.
نشر المساعدين الموزعين: إمكانية نشر مساعدين فرعيين في غرف أخرى لتقديم الدعم المستمر.
7. محرك المظاهر البروتالية المتعددة
خمسة مظاهر معمارية:
4momentary (Noir): أسود أوبسيديان أحادي اللون (#000000، حدود بيضاء حادة).
Stark White: بروتالية ورقيه عالية التباين (#ffffff، خطوط سوداء داكنة).
تصميم متوافق مع الهواتف: ارتفاع مقفل عند 100dvh بدون أشرطة تمرير أفقية، وتأثيرات صوتية هادئة عبر Web Audio API.
المقاييس والمواصفات الأساسية
المقياس / العامل
القيمة / آلية التطبيق
الفائدة الهندسية
زمن إنشاء الغرفة
أقل من ثانية واحدة (< 1.0s)
بدء فوري دون تسجيل أو نماذج
إدارة الحسابات
صفر مستخدمين / صفر كلمات سر
حماية كاملة من اختراق البيانات
بقاء البيانات
صفر بايت بعد الانتهاء
حذف تلقائي عبر Redis TTL وتحرير الذاكرة
زمن استجابة المحادثة
P2P (< 50ms) / مرحل (< 1s)
شبكة P2P سريعة مع بديل خادم جاهز
الحد الأقصى للصور
1 ميجابايت بالضبط
ضغط آلي فوري عبر المتصفح
تكامل الذكاء الاصطناعي
DeepSeek V3/R1 (BYOK)
تخزين في الجلسة المحلية فقط
رادار الفضاء
ثلاثي المحاور (X, Y, Z)
استكشاف مداري ثلاثي الأبعاد للغرف
التقنيات المستخدمة
Next.js 16 + React 19
حزم Turbopack سريعة وميزات React 19
الخصوصية، الأمان والضمانات القانونية
ما لا نجمعه نهائياً: لا عناوين بريد إلكتروني، لا أرقام هواتف، لا كلمات سر، لا بيكسل إعلاني للتتبع، ولا سجلات خادم تربط عناوين IP بمحتوى المحادثات.
ما يحتفظ به المتصفح: الاسم المختار، ولون Beehive، والمظهر المحدد في localStorage. ويبقى مفتاح DeepSeek ورموز الغرف الخاصة في sessionStorage وتُمحى فور إغلاق التبويب.
ما يحتفظ به المرحل أثناء البث: قائمة المتواجدين (نبضات حضور كل 25 ثانية)، عنوان الغرفة، إحداثياتها، والرسائل المتداولة حالياً.
الزوال الحتمي: فور حلول اللحظة T، تُحرر الذاكرة بالكامل وتصبح استجابة الغرف المنتهية هي HTTP 404، مما يمنع أي قراءة أو كتابة لاحقة.
التقييم والتطلعات المستقبلية
الدروس المستفادة: أثبت الاعتماد الذكي على BroadcastChannel وجداول التخزين المؤقت في الذاكرة كفاءته الفائقة في مزامنة الأجهزة دون قاعدة بيانات تقليدية.
استقرار WebRTC: كان التحويل التلقائي بين قنوات PeerJS وخوادم Edge ضرورياً للغاية لخدمة المستخدمين خلف شبكات الحماية المؤسسية الصارمة.
التطويرات القادمة: دراسة تطبيق تشفير طرف لطرف باستخدام Web Crypto لكل جلسة، وتطوير خوارزميات التجميع المكاني في خريطة الفضاء ثلاثية الأبعاد.
مساهماتي في المشروع
بنية البروتوكول والخلفية البرمجية: تصميم مخزن الغرف في الذاكرة، محرك انتهاء الصلاحية Redis TTL، مزامنة التوقيت عبر الخادم، ومسارات Edge API.