Simulate Option

[limscoder]

Version: 3.0.x
Environment: Both
Type: Feature

---

Description

Option for pseudo selectors and media query debugging.

Proposal

Add simulate parameter for debugging pseudo selector and media selector styles.

Similar to glamor's simulate: https://github.com/threepointone/glamor/blob/master/docs/api.md#simulatepseudoclasses

Code Example:

renderer.renderRule(rule, {}, {
  ':hover': true,
  '@media (min-height: 300px)': false
});

const StyledDiv = createComponent(() => {});
const pseudoState = {
  ':hover': true,
  '@media (min-height: 300px)': false
};

<StyleDiv simulate={ pseudoState } />;

[robinweser]

This will fit perfectly as a plugin. I happily accept a PR and can also give some instructions on how to build it if you want to @limscoder

[limscoder]

Ok. My team is currently spiking react-fela vs glamorous. If we pick fela, we'll investigate writing a plugin.

[robinweser]

Ping me if you need any advice :)

[robinweser]

ships with #292