Thanks for the PR,@nzakas!

typescript-eslint is a 100% community driven project, and we are incredibly grateful that you are contributing to that community.

The core maintainers work on this in their personal time, so please understand that it may not be possible for them to review your work immediately.

Thanks again!

🙏Please, if you or your company is finding typescript-eslint valuable, help us sustain the project by sponsoring it transparently onhttps://opencollective.com/typescript-eslint.

✅ Deploy Preview fortypescript-eslint ready!

Name	Link
🔨 Latest commit	93e3d43
🔍 Latest deploy log	https://app.netlify.com/sites/typescript-eslint/deploys/64888cb98eb353000763ac30
😎 Deploy Preview	https://deploy-preview-6836--typescript-eslint.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to yourNetlify site settings.

thanks heaps for doing this! Even went and fixed up the nx config for us!
will have a proper look at it shortly.

quick question from a glance:FlatCompat what are the steps the ecosystem needs to take in order for us to migrate away from the compat class? Is the big ticket item defining flat config compatible configurations from our plugin?

quick question from a glance: FlatCompat what are the steps the ecosystem needs to take in order for us to migrate away from the compat class? Is the big ticket item defining flat config compatible configurations from our plugin?

Yes. So basically my thinking was first, get the repo's config files swapped over toeslint.config.js and make sure everything works withFlatCompat as a sanity check. Then, the next step would be to create flat config versions of the other configs you include the plugin. I'm also happy to help with that once we can get the repo linted properly usingeslint.config.js.

☁️ Nx Cloud Report

CI is running/has finished running commands for commit93e3d43. As they complete they will appear below. Click to see the status, the terminal output, and the build insights.

📂 See all runs for this branch

Sent with 💌 fromNxCloud.

So this is where I need help. I just don't know enough about Nx to understand what the problem is with the lint task.

I'll defer to@JamesHenry as the Nx expert in the org, but Isuspect that Nx doesn't yet recognizeeslint.config.js. You may need to have the Nx config specify the path explicitly:https://nx.dev/packages/linter/executors/eslint#eslintconfig. (found vianrwl/nx#8982)

(I'm holding time on my calendar to try this out tomorrow morning, if nobody else has gotten it fixed by then) ✔️ James replied

Hi@nzakas, thanks again for this!

@JoshuaKGoldberg is exactly right, for now in all project.json files with a "lint" target you will need to add theeslintConfig property.

Now that you have confirmed that flat config is feature complete we will add automatic detection for this in an upcoming Nx version but for now you'll need to configure it, e.g for the website project:

There seem to be some remaining issues, however, and I wanted to hand it back to you before I spend too long spinning my wheels on stuff I'm not familiar with.

2 issues that seem like they have easy solutions:

1. The references torequire('@typescript-eslint') need to be updated because that isn't a module that can be resolved (I think you used the value from the old config directly which was relying on ESLint's magical resolution of the eslint-plugin package under that namespace). The requires should be:

2. eslintrc.extends is being given arrays here but seems to be expecting multiple strings so it throws

At least one remaining issue that I can't easily understand from the schema validation error message:

I wonder if anything can be done to build on top of ajv and improve that error message?

@JoshuaKGoldberg@JamesHenry great, I'll make those changes and see how far I can get.

Okay, so the root level problem I'm dealing with right now is that because Nx uses--config with the specified configuration file, that automatically is treated as eslintrc instead of flat config. In order to force ESLint use flat config with--config, we need to set the environment variableESLINT_USE_FLAT_CONFIG=true. I've tried a few different things to set an environment variable but it seems like however Nx is using ESLint isn't respecting it. Any ideas?

@nzakas Nx doesn't use the CLI--config it uses theESLint class API. If I add a console.log tonode_modules/@nrwl/linter/src/executors/eslint/lint.impl.js I can see the environment variable being respected, is that definitely enough? Or does Nx need to conditionally use the new class in its executor implementation?

The exact class usage is here:node_modules/@nrwl/linter/src/executors/eslint/utility/eslint-utils.js

@JamesHenry ah! Yes, that makes a big difference. It's the CLI that recognizes the environment variable and then switches betweenESLint andFlatESLint classes, so the Nx implementation would have to do the same (assuming it wants to support flat config).

@nzakas cool, I'll submit a PR to Nx next week when I'm back from vacation to allow it to:

A) automatically detecteslint.config.js files (once it is the default format we will also switch Nx to generating/updating them like it does today with.eslintrc.json files)

B) Conditionally change the implementation class depending on the config used/the presence of the environment variable

Until then I've mark this one as blocked, I'll circle back as soon as there is an Nx version for us to apply here

Awesome, thanks so much. Enjoy your vacation!

Just a follow up on this, now that we (Nx) are a larger company with more resources to work on product, we have a more robust planning cycle. I have added supporting flat config as an item for our next iteration which starts in a couple of weeks. I should hopefully be working on it personally.

I will update this PR once there is a version to try it out with.

Thanks again@nzakas!

Sure thing. I'll stay tuned in to this PR.

Hi@nzakas I'm sorry it took me a while to loop back to this. I added the support for Flat Config to Nx in the last cycle and have updated your branch here to contain those changes.

However, when I run the linting for a particular project, it seems that the root config is currently invalid based on the new structure?

Sorry about that. I think the config file was so long that I just missed that section. Indeed, there are no overrides in flat config, so I just flattened that section out and pushed the new config file. (I'm on my way out so didn't have time to verify it 100% works but at least it's the correct format.)

@nzakas it did fail to validate again just FYI

TypeError: Key "plugins": Cannot redefine plugin "eslint-plugin".

This means more than one config is specifyingeslint-plugin and they're not using the same plugin object. In this case, it's likely that one of the eslintrc configs is usingeslint-plugin-eslint-plugin, which is being pulled in byrequire, andeslint.config.js is pulling it in usingimport.

For now I've just commented out the offending lines in the configs. For some reason, I can't get the lint in the website package to run correctly locally, so relying on CI to help figure that part out.

Hi team! Nice work so far. I have a couple projects coming up that I am proposing and they are requiring some clarity on the transition to the new flat configs. Is this the PR to follow for the transition of typescript-eslint to using the new flat config file formateslint.config.js? If not, is there a better place to "follow" / comment? Thanks!

Just a heads up, we've also got#7273 in-progress. Might be relevant here.

@nzakas now thateslint/eslint#17640 is merged, are there any changes you want to make here?

That PR doesn't really apply here. This PR's purpose was to switch the repo to use flat config. Updating the plugin for flat config would be separate.

Got it - what I really mean is, is there anything on your end you plan on doing to this PR? Or is it ready for us to take over?

I think a win for everybody here would be if we abandon this PR and instead run the Nx automated migration for migrating from .eslintrc to flat config:

• it saves Nicholas's time
• it tests out the migration on a real world repo and helps us find any remaining rough edges

WDYT?

Automation FTW! My feelings are not hurt if a robot can do this better than me. 😄

@JamesHenry I guess you mean this Nx automated migration to flat config?

• https://nx.dev/recipes/tips-n-tricks/flat-config

Looks pretty cool 👀 didn't know there was a tool to automate this! I guess it could work for other configs elsewhere too... likeoureslint-config-upleveled shared config 🤔 Added to our issue tracking the flat config:upleveled/eslint-config-upleveled#160

@karlhorky to be clear the automation is not for plugin authors to convert their plugin implementations to flat config, it is for users to convert their setups.

This PR relates to typescript-eslint’s own usage of eslint

Yeah, maybe it still applies to shared configs like the one I shared above? (it's not a plugin, although we also have one of those)