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 est une bibliothèque de synthèse audio Lisp qui fournit un environnement programmable pour concevoir des synthétiseurs et générer de l'audio en temps réel. Il sert de framework de traitement du signal numérique pour la programmation sonore live, intégrant un gestionnaire d'échantillons audio pour récupérer et mettre en cache des sons depuis des dépôts distants, ainsi qu'un générateur de séquences musicales pour composer des structures mélodiques et rythmiques. Le projet se distingue par ses interfaces spécialisées pour le matériel et le réseau, avec un système dédié au routage des données MIDI et à l'échange de messages Open Sound Control entre le logiciel et le matériel externe. Il inclut également des outils pour la composition musicale algorithmique, comme la génération de rythmes euclidiens et des fonctions pour définir des gammes et des accords. Le framework couvre une large surface de capacités, incluant le traitement du signal audio numérique avec routage basé sur des nœuds et conception d'enveloppes personnalisées. Il fournit des systèmes pour la synchronisation d'événements audio, le séquençage temporel, et la capacité de coordonner la sortie audio avec des bibliothèques graphiques et des environnements de shaders pour la synchronisation audiovisuelle. Des utilitaires supplémentaires incluent l'analyse de hauteur et d'accords, ainsi que le monitoring en temps réel des valeurs de bus audio et de contrôle.

Zag est une bibliothèque de machine à états UI headless qui fournit une logique de composant non stylisée pour assurer un comportement cohérent à travers différents moteurs de rendu. Elle fonctionne comme une boîte à outils pour modéliser des interactions d'interface utilisateur complexes en utilisant des statecharts, découplant la logique sous-jacente et les attributs d'accessibilité du stylage visuel. La bibliothèque est agnostique au framework, utilisant des adaptateurs spécialisés pour faire le pont entre sa logique de machine à états et diverses bibliothèques JavaScript telles que React, Solid, Vue et Svelte. Cette approche permet aux développeurs de maintenir un modèle d'interaction unique tout en appliquant n'importe quelle solution CSS ou de stylage via des attributs de données pilotés par l'état. Zag couvre un large éventail de domaines fonctionnels, incluant une gestion complète de l'accessibilité pour la navigation au clavier et les attributs ARIA, ainsi qu'une vaste collection de primitives interactives. Celles-ci incluent des contrôles de saisie, des éléments de navigation comme les menus et onglets, des composants de superposition tels que les dialogues et popovers, et une gestion média complexe pour le recadrage d'image et la capture de signature. Elle fournit également des utilitaires pour la gestion de données hiérarchiques, la gestion de listes asynchrones et un système pour construire des visites guidées de produits.

Editable est un framework modulaire pour construire des éditeurs de texte riche basés sur le web. Il fournit un environnement structuré pour gérer le contenu de documents complexes, y compris la prise en charge de données structurées comme les listes et les grilles, tout en maintenant une représentation en arbre immuable pour garantir une manipulation d'état prévisible. Le framework se distingue par un moteur collaboratif qui synchronise l'état du document entre plusieurs utilisateurs en temps réel en utilisant la transformation opérationnelle. Il dispose également d'une architecture basée sur des plugins qui permet aux développeurs d'intercepter le rendu et le comportement des nœuds, permettant l'injection de composants et de logique personnalisés dans la structure du document. Le système inclut une boîte à outils complète pour la transformation de contenu, facilitant la conversion des données de document entre les formats HTML, Markdown et texte brut. Il intègre également un système d'historique basé sur les commandes pour suivre les actions des utilisateurs, fournissant des capacités précises d'annulation et de rétablissement tout au long de la session d'édition.