Support JSX syntax

[jcdixon2]

Here are a couple of examples. I show the error message on the specific line referenced in the error.

                <FilterFieldClearButton
                  aria-label="Clear search"
                  onClick={() => {
                    setFilterValue('');
                    setSortedColumns(getFilteredColumns(''));
                  }}
                > 
                </FilterFieldClearButton>    ****** Parse error @:287:42

function SandboxApp() {
  return (
    <App>
      <DatagridInlineRowGroup licenseKey={licenseKey} />
    </App>  ****** Parse error @:9:11
  );
}

[TomerAberbach]

This package is pretty much a wrapper around es-module-lexer (see #1 (comment)), which doesn't support JSX. I've considered writing my own lexer in Rust so I'll leave this open as a feature request for JSX support.

For now I would recommend transpiling and then parsing for imports using this package. Also, depending on what you use to transpile you may be able to get the imports as part of that step

[jcdixon2]

Thanks. Hope to use parse-imports at some later date then when it supports JSX.

[ivands]

Hope this will be added soon !

[TomerAberbach]

Out of curiosity, do y'all care about/use the dynamic import support of the package? Or just the static imports support?

[stechnique]

Hi, I know this doesn't match the topic entirely, but I feel the answers might be the same. I just tried using this and it works flawlessly and awesomely for javascript files in my projects, but I get a parser error for Vue.js files. I think it chokes on the {{}} in the Vue elements. I haven't seen any work or issues done relating to vue.js in es-module-lexer either, just wanted to confirm if this was expected or if there is a workaround.

[TomerAberbach]

Generally it's expected that this package only works on standard JS syntax