Hacktoberfest 2026 : les issues que les mainteneurs ont marquées pour octobre, ouvertes et accessibles aux débutants. Parcourir les issues Hacktoberfest

✨ Code Folding

Ouverte
#43 8 commentaires 7 réactions 1 personne assignée Voir sur GitHub

@thecoolwinter y travaille déjà.

Depuis le 25/4/2025.

Évaluation

Cette issue n'a pas encore été évaluée.

Description

editor enhancement UI
Description

Code folding allows developers to collapse and expand sections of code (such as functions, classes, conditionals, and comments) to reduce visual clutter and focus on the parts they’re working on. This feature is particularly useful when navigating large files or deeply nested structures.

Proposed Behavior
  • Enable folding for code blocks such as:
    • Functions and methods
    • Classes and structs
    • Loops and conditionals
    • Multi-line comments and regions
  • Display a vertical folding ribbon in the gutter next to line numbers, where users can click to collapse or expand blocks.
  • Collapsed blocks should show an inline indicator with an expand toggle.
  • Optionally, include editor commands for fold all / unfold all.
Implementation Notes
  • Can be powered by the existing Tree-sitter syntax trees to determine foldable ranges based on code structure.
  • Should maintain fold state across file/tab switches and ideally across sessions.
  • Folding ribbon interactions should be smooth and intuitive, with hover states and visual cues.
  • Should add animation for folding and unfolding to make transitions feel natural and responsive.
Benefits
  • Reduces visual noise and helps maintain focus while editing.
  • Makes it easier to navigate and manage large files.
  • Provides a cleaner overview of structural code layout.
Additional Context

The folding ribbon provides a familiar and discoverable UI for interacting with folded sections and complements keyboard or menu-based folding commands.

Screenshots

https://user-images.githubusercontent.com/47652746/164981601-56c531e4-9420-4d46-96d7-f9d8456e5821.mov

Additional Screenshots Screen Shot 2022-04-24 at 8 30 03 AM

Hover:
Screen Shot 2022-04-24 at 8 31 04 AM

Clicked (folded code):
Screen Shot 2022-04-24 at 8 31 40 AM

dark and light mode:
imgonline-com-ua-twotoone-0btV6nX2OfPxYH

In Progress TODOs
  • Fold Ribbon
    • Draw nested folds
    • Draw adjacent folds with a horizontal line (instead of overlapping rounded edges)
    • Draw folded ranges
  • Fold Model
    • Generate folds from a provider for a document
    • Update folds as a document is edited
  • Fold Providers
    • Line indent provider
    • TreeSitter provider
  • Perform Folding
    • Draw text attachment for fold range
    • Animate folded text
Langage dominant
Swift
Étoiles
720
Forks
162
Métriques de merge des PR
Aucune PR mergée en 30 j

Guide de contribution

Aucun guide de contribution indexé pour ce dépôt

Par où commencer

  1. Lisez l'issue en entier, puis le guide de contribution du projet.
  2. Signalez en commentaire que vous la prenez — cela évite que deux personnes fassent le même travail.
  3. Forkez le dépôt et travaillez sur une branche.
  4. Ouvrez une pull request qui référence le numéro de l'issue.

Autres issues de CodeEditApp/CodeEditSourceEditor

Toutes les issues de CodeEditApp/CodeEditSourceEditor

Issues similaires

Plus d'issues Swift

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.