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 este o bibliotecă Lisp de sinteză audio care oferă un mediu programabil pentru proiectarea sintetizatoarelor și generarea de sunet în timp real. Servește ca framework de procesare a semnalelor digitale pentru programarea sunetului live, integrând un manager de mostre audio pentru preluarea și stocarea sunetelor din depozite externe și un generator de secvențe muzicale pentru compunerea structurilor melodice și ritmice. Proiectul se distinge prin interfețele sale specializate pentru hardware și rețelistică, având un sistem dedicat pentru rutarea datelor MIDI și schimbul de mesaje Open Sound Control între software și hardware extern. Include, de asemenea, instrumente pentru compoziția muzicală algoritmică, cum ar fi generarea de ritmuri euclidiene și funcții pentru definirea scalelor și acordurilor. Framework-ul acoperă o suprafață largă de capabilități, inclusiv procesarea semnalelor audio digitale cu rutare bazată pe noduri și design personalizat de anvelope (envelopes). Oferă sisteme pentru sincronizarea evenimentelor audio, secvențiere temporizată și capacitatea de a coordona ieșirea audio cu biblioteci grafice și medii de shader pentru sincronizarea audio-vizuală. Utilitățile suplimentare includ analiza tonului și a acordurilor, precum și monitorizarea în timp real a valorilor audio și ale magistralei de control.

Zag este o bibliotecă de mașini de stare UI headless care oferă logică de componente ne-stilizată pentru a asigura un comportament consistent pe diferite motoare de randare. Funcționează ca un toolkit pentru modelarea interacțiunilor complexe ale interfeței utilizator folosind statecharts, decuplând logica subiacentă și atributele de accesibilitate de stilizarea vizuală. Biblioteca este agnostică față de framework, utilizând adaptoare specializate pentru a face legătura între logica mașinii sale de stare și diverse biblioteci JavaScript precum React, Solid, Vue și Svelte. Această abordare permite dezvoltatorilor să mențină un singur model de interacțiune în timp ce aplică orice soluție CSS sau de stilizare prin atribute de date bazate pe stare. Zag acoperă o gamă largă de domenii funcționale, inclusiv gestionarea cuprinzătoare a accesibilității pentru navigarea prin tastatură și atributele ARIA, precum și o vastă colecție de primitive interactive. Acestea includ controale de input, elemente de navigare precum meniuri și tab-uri, componente de overlay precum dialoguri și popover-uri și gestionarea complexă a media pentru decuparea imaginilor și capturarea semnăturilor. Oferă, de asemenea, utilitare pentru gestionarea datelor ierarhice, gestionarea listelor asincrone și un sistem pentru construirea de tururi ghidate ale produsului.

Editable este un framework modular pentru construirea de editoare de text bogat (rich text) bazate pe web. Oferă un mediu structurat pentru gestionarea conținutului complex al documentelor, inclusiv suport pentru date structurate precum liste și grile, menținând în același timp o reprezentare de arbore imutabil pentru a asigura manipularea previzibilă a stării. Framework-ul se distinge printr-un motor colaborativ care sincronizează starea documentului între mai mulți utilizatori în timp real folosind transformarea operațională (OT). Dispune, de asemenea, de o arhitectură bazată pe plugin-uri care permite dezvoltatorilor să intercepteze randarea și comportamentul nodurilor, permițând injectarea de componente și logică personalizată în structura documentului. Sistemul include un toolkit cuprinzător pentru transformarea conținutului, facilitând conversia datelor documentului între formatele HTML, Markdown și text simplu. Încorporează, de asemenea, un sistem de istoric bazat pe comenzi pentru a urmări acțiunile utilizatorului, oferind capabilități precise de undo și redo pe parcursul sesiunii de editare.