Rudderstack Highlighter

This VSCode extension highlights Rudder-prefixed components in JSX/TSX files. It makes it easy to spot components like <RudderListItem /> or <RudderProductCard /> with orange highlighting for the component name and gray for the opening bracket.

Example:

{/** This will be orange **/}
<RudderNode {...props}>
  <AnotherNode />
</RudderNode>

Features:

• Clear Syntax Highlighting: Tag names in orange for easy identification.
• Bracket Highlighting: The opening bracket < is kept gray for better readability.
• Dark & Light Theme Support: Fully optimized for both themes.

Installation:

1. Install directly from the VSCode Extensions Marketplace.
2. Or run the following command in your terminal:

ext install timbeeren.rudderstack-highlighter