linkedin / linkedin/css-blocks

Support for console.log in jsx.

Open
#161 2 comments 0 reactions 0 assignees View on GitHub
@css-blocks/jsx Dev Experience
Dominant language
TypeScript
Stars
6.3k
Forks
154
PR merge metrics
No merged PRs in 30d

Description

When console.log()-ing a block or styles, we should see something helpful printed in dev.

We're already detecting console logging, so we should be able to track this and handle it correctly.

https://github.com/linkedin/css-blocks/blob/132508179041c1386057735590da127fc2855fcb/packages/%40css-blocks/jsx/src/Analyzer/visitors/element.ts#L178-L181

Contributor guide

Open the contributing guide

Research direction

Start in packages/@css-blocks/jsx/src/Analyzer/visitors/element.ts around lines 178-181, where console logging is already detected. Trace how logging of a block or styles is handled and identify the existing development output path. Done means console.log() produces helpful information for these values in development.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript
Domain
frontend
Issue type
Feature
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.