Awesome GitHub RepositoriesEditor Node Trees

Craft.js is a framework for building extensible drag-and-drop page editors using React components and serializable state management. It provides the core infrastructure to construct custom page builders where users can compose layouts by dragging, dropping, and repositioning elements within a structured editor environment. The framework manages editor state through a component-based node tree, where each user element is represented as an internal node storing its type, props, and parent relationships. This state is managed via React Context and can be serialized to JSON for persistence and sh

An audio server, programming language, and IDE for sound synthesis and algorithmic composition.

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

Zag هي مكتبة آلة حالة واجهة مستخدم بدون رأس توفر منطق مكون غير مصمم لضمان سلوك متسق عبر محركات عرض مختلفة. تعمل كمجموعة أدوات لنمذجة تفاعلات واجهة المستخدم المعقدة باستخدام مخططات الحالة، وفصل المنطق الأساسي وسمات إمكانية الوصول عن التصميم المرئي. المكتبة لا تعتمد على إطار عمل، وتستخدم محولات متخصصة لربط منطق آلة الحالة الخاص بها بمكتبات JavaScript متنوعة مثل React و Solid و Vue و Svelte. يسمح هذا النهج للمطورين بالحفاظ على نموذج تفاعل واحد مع تطبيق أي حل CSS أو تصميم من خلال سمات البيانات القائمة على الحالة. تغطي Zag مجموعة واسعة من المجالات الوظيفية، بما في ذلك إدارة إمكانية الوصول الشاملة للتنقل بلوحة المفاتيح وسمات ARIA، بالإضافة إلى مجموعة واسعة من العناصر التفاعلية. تشمل هذه عناصر التحكم في الإدخال، وعناصر التنقل مثل القوائم وعلامات التبويب، ومكونات التراكب مثل مربعات الحوار والنوافذ المنبثقة، ومعالجة الوسائط المعقدة لاقتصاص الصور والتقاط التوقيعات. كما توفر أدوات لإدارة البيانات الهرمية، ومعالجة القوائم غير المتزامنة، ونظاماً لبناء جولات المنتج الموجهة.

Editable هو إطار عمل معياري لبناء محررات نصوص غنية تعتمد على الويب. يوفر بيئة منظمة لإدارة محتوى المستندات المعقد، بما في ذلك دعم البيانات المنظمة مثل القوائم والجداول، مع الحفاظ على تمثيل شجري غير قابل للتغيير لضمان معالجة الحالة بشكل يمكن التنبؤ به. يتميز إطار العمل بمحرك تعاوني يزامن حالة المستند عبر مستخدمين متعددين في الوقت الفعلي باستخدام التحويل التشغيلي. كما يتميز ببنية قائمة على المكونات الإضافية (plugin-based) تسمح للمطورين باعتراض العرض وسلوك العقدة، مما يتيح حقن مكونات ومنطق مخصص في بنية المستند. يتضمن النظام مجموعة أدوات شاملة لتحويل المحتوى، مما يسهل تحويل بيانات المستند بين تنسيقات HTML وMarkdown والنصوص العادية. كما يدمج نظام تاريخ قائماً على الأوامر لتتبع إجراءات المستخدم، مما يوفر قدرات دقيقة للتراجع والإعادة طوال جلسة التحرير.