Extension doesn't work with modules like "classnames"

Extension autocomplete doesn’t work in code like this:

import cx from "classnames"

...

<div className={cx("flex flex-row justify-center items-center", { "mr-2": align === "right", "ml-2": align === "left" })}></div>

[alexanderniebuhr]

There are many reasons why this issue did not get any more bandwidth or attention, one being not clear enough what is broken by providing a test repo, another that we don’t use tsx files at all.

I think there is a fix to this, and it would be great if it will get fixed at some point. But upfront there is very little chance that we have time right now for this. We do accept PRs with a solution as well with a way to support tsx natively without the includeLanguages setting.

[galkatz373]

This should work

"windicss.includeLanguages": {
    "typescriptreact": {
      "type": "js",
      "patterns": ["(\\s+class(Name)?\\s*=\\s*{?\\s*(cx\\((.*[{,]\\s?)?)?[\"'\\`])[^\"'\\`]*$"]
    }
  },