Codegen: Couldn't resolve parser "babylon" when output file has js/jsx extension

[zoubingwu]

Prettier renamed babylon parser to babel in 1.16 and remove the deprecated one in 2.0, guess everyone is using ts as output so no one reported this issue?

Just change the EXTENSION_TO_PARSER will solve the issue, but seems it only generates ts code (with type annotations it still throws error when trying to prettify it with babel parser), not sure why it should have this paser map.

const EXTENSION_TO_PARSER = {
    ts: 'typescript',
    tsx: 'typescript',
-   js: 'babylon',
+   js: 'babel',
-   jsx 'babylon',
+   jsx: 'babel',
    'js.flow': 'flow',
    flow: 'flow',
    gql: 'graphql',
    graphql: 'graphql',
    css: 'postcss',
    scss: 'postcss',
    less: 'postcss',
    stylus: 'postcss',
    markdown: 'markdown',
    md: 'markdown',
    json: 'json',
};

[phryneas]

That should be pretty irrelevant - the codegen creates TypeScript, not JavaScript. You should not give the created files the extension js/x as that is just wrong.

[zoubingwu]

Yeah, I don't even realize that at first, just copied code from doc and trying to run it.

[zoubingwu]

@phryneas Hey I also run into a parsing error when testing this tool on an larger project:

This might related to prettier's ts parser not supporting some latest feature. Is it possible to provide an option to skip the prettier process? Since normally we'll have a pre-commit hook to do that job.

[zoubingwu]

Hmm, found this is dependency issue, I had typescript v4.4.4 installed, downgrade to 4.3 solved it.

[phryneas]

I updated the file names in the docs to .ts, thanks for the catch. We might support down-transpilation to .js in the future, but right now it's not supported, so I'm going to close this issue.

As for the dependency issue: if you can create a reproduction for that, I'd like to take a look at it (but I'm swamped right now, so my feedback could take a while) - but please open a separate issue for that :)

[markerikson]

Should be live in https://github.com/reduxjs/redux-toolkit/releases/tag/%40rtk-query%2Fcodegen-openapi%402.0.0-alpha.0 ! Please try it out and let us know if it works.