2 dépôts
UI layers that provide advanced visual highlighting of code ranges, diffs, and compiler errors within web interfaces.
Distinct from Code Visualizers: Focuses on the holistic visualization layer for code documentation, whereas candidates focus on narrow tasks like line highlighting or general dependency graphs.
Explore 2 awesome GitHub repositories matching user interface & experience · Code Syntax Visualizers. Refine with filters or upvote what's useful.
Codehike est un framework de documentation basé sur React et un outil de walkthrough de code interactif. Il fonctionne comme un orchestrateur de contenu markdown qui transforme le markdown décoré en données structurées et en composants React, servant de couche de visualisation pour mettre en évidence des plages de code, des diffs et des erreurs de compilation. Le projet se distingue par sa capacité à créer des expériences de "scrollycoding" et des tutoriels techniques étape par étape. Il propose des animations au niveau des tokens qui démontrent visuellement l'évolution de la logique entre les versions de code et fournit un système pour synchroniser l'état de l'UI avec la position de défilement du navigateur. Le framework couvre un large éventail de capacités de visualisation, incluant la création de diaporamas de code, des mises en page en surbrillance et des blocs de code à onglets. Il supporte l'annotation détaillée via des tooltips, des callouts et des notes de bas de page, ainsi que des utilitaires fonctionnels comme des sélecteurs de langage, la transpilation de code et l'intégration de données de compilation en temps réel. Le système utilise une validation basée sur des schémas pour garantir la sécurité des types et la cohérence des données extraites des fichiers markdown.
Provides a specialized visualization layer for highlighting code ranges, diffs, and compiler errors in web-based code blocks.
Shellharden est un outil de durcissement et un linter pour scripts shell, conçu pour améliorer la sécurité et la fiabilité des scripts Bash. Il fonctionne comme un utilitaire automatisé qui réécrit les scripts pour suivre les standards de l'industrie en matière de citation (quoting) et de pratiques de sécurité. Le projet fournit un optimiseur et un standardisateur qui remplace les modèles et alias non sécurisés par des équivalents fonctionnels plus sûrs. Il inclut un colorateur syntaxique qui utilise des marqueurs visuels et une colorisation pour indiquer les vulnérabilités et les zones où des corrections de citation sont nécessaires. L'outil couvre un large éventail de fonctionnalités, incluant la remédiation automatique de la sécurité, la détection de vulnérabilités et la détection de bugs dans les scripts. Ces fonctionnalités assurent la conformité des scripts par une réécriture automatisée et une validation structurelle de la syntaxe.
Provides a UI layer that visually highlights code ranges and vulnerabilities within the script.