🦥 Lazy Expander

Expand brace patterns into multiple values — directly in the editor.

Inspired by Tailwind CSS workflows where repeating a prefix for every class gets tedious.

Demo

input:  *:{text-sm,font-bold,text-gray-500}
output: *:text-sm *:font-bold *:text-gray-500

⚡ Commands

Open the Command Palette (Ctrl+Shift+P) and type Lazy Expander:

Command	Output
`Lazy Expander: Inline`	`item1 item2 item3`
`Lazy Expander: Inline with Separator`	`item1, item2` / `item1 \\| item2` / custom
`Lazy Expander: Multiple Lines`	`item1` `item2` `item3` (one per line)
`Lazy Expander: Multiple Lines Numbered`	`1. item1` `2. item2` / `- item1` `- item2`

Select a brace pattern in the editor → run a command → result replaces the selection.

Run a command → type the pattern in the input box → result is inserted at the cursor ✍️.

💡 If no editor is open, result is copied to clipboard instead.

*:{text-sm,font-bold,text-gray-500}
→  *:text-sm  *:font-bold  *:text-gray-500

col-{1..4}
→  col-1  col-2  col-3  col-4

{0..10..2}
→  0  2  4  6  8  10

{hover,focus}:text-blue-500
→  hover:text-blue-500  focus:text-blue-500

💡 Spaces around commas are trimmed automatically — *:{ text-sm , font-bold } works the same as *:{text-sm,font-bold}.

Install from VSIX

Or via terminal:

code --install-extension lazy-expander-0.1.1.vsix

MIT