https://github.com/zaydek/stylex-fold
https://github.com/zaydek/stylex-fold
Last synced: 5 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/zaydek/stylex-fold
- Owner: zaydek
- License: mit
- Created: 2024-06-05T08:52:33.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2025-01-04T15:54:58.000Z (over 1 year ago)
- Last Synced: 2025-05-06T19:12:40.814Z (about 1 year ago)
- Language: TypeScript
- Size: 4.02 MB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
Awesome Lists containing this project
README
# StyleX Fold
A VS Code/Cursor extension to fold and unfold StyleX `stylex.create` and `stylex.keyframes` blocks.
## Commands
| Command | Description |
| ---------------------------- | --------------------------------------------- |
| `StyleX: Fold to Names` | Fold style bodies → `item: { ... }` |
| `StyleX: Fold Entire Blocks` | Fold entire blocks → `stylex.create({ ... })` |
| `StyleX: Unfold to Names` | Unfold blocks but keep bodies folded |
| `StyleX: Unfold All` | Unfold everything completely |
## Installation
1. Download `stylex-fold-1.0.4.vsix`
2. In VS Code/Cursor: `Cmd+Shift+P` → "Extensions: Install from VSIX..."
3. Select the `.vsix` file
4. Reload the window
## Keybindings
Copy from `keybindings.example.json` to your keybindings (`Cmd+K Cmd+S` → click `{}` icon):
| Shortcut | Action |
| ------------- | ----------------------------------- |
| `Cmd+[` | Fold to names (`item: { ... }`) |
| `Shift+Cmd+[` | Fold entire blocks |
| `Cmd+]` | Unfold to names (expand block only) |
| `Shift+Cmd+]` | Unfold everything |
## Supported Patterns
- `stylex.create({ ... })`
- `stylex.keyframes({ ... })`