Reference Provider For Selectors

[Viijay-Kr]

Is your feature request related to a problem? Please describe.

Most often you end up in a css file checking your selectors in your css modules and wonder where they are being used/referenced.

One quick way to check this is by doing a search.
This does help however it cannot do anything more than what a reference provider could do.

Describe the solution you'd like

Reference Provider is the solution to this problem.

vscode-csslanguage-service offers the references of variables/mixins/and functions within the scope CSS language features

Providing references to selectors will be so much useful when dealing with large projects.
So any selector inside a module should be able to refer to its references across ts/tsx files.

In order to achieve this , there are certain things that needs to be considered before implementing this.

To be able to find all the references of a selector across all the ts/tsx modules its important to find out the files that references the entire module.

for instance

// in some_component.tsx
import styles from './some_module.css'

With this knowledge its easy to link a module with its references, there by storing the babel parser result of the referencing module (if it's not already parsed)

NOTE: Its quite critical not to have any cyclic references between a TS and CSS module