chore: merge upstream

.vscode/settings.json

@@ -9,6 +9,10 @@
     "source.organizeImports": "never"
   },
 
+  "eslint.options": {
+    "flags": ["unstable_ts_config"]
+  },
+
   "eslint.runtime": "node",
 
   // Silent the stylistic rules in you IDE, but still auto fix them
@@ -34,6 +38,7 @@
     "html",
     "markdown",
     "json",
+    "json5",
     "jsonc",
     "yaml",
     "toml",

README.md

@@ -14,10 +14,19 @@
   - Single quotes, no semi
   - Using [ESLint Stylistic](https://github.com/eslint-stylistic/eslint-stylistic)
 - Respects `.gitignore` by default
-- Supports ESLint v9 or v8.50.0+
+- Requires ESLint v9.5.0+
 
-> [!IMPORTANT]
+> [!NOTE]
 > Since v1.0.0, this config is rewritten to the new [ESLint Flat config](https://eslint.org/docs/latest/use/configure/configuration-files-new), check the [release note](https://github.com/antfu/eslint-config/releases/tag/v1.0.0) for more details.
+>
+> Since v3.0.0, ESLint v9.5.0+ is now required.
+
+> [!WARNING]
+> I am super appreciated and even a bit flatted that so many of you are fond of using this config. For that, I tried to make it as flexible and customizable as possible to fit more use cases.
+>
+> However, please keep in mind that this is still **_a personal config_** with a lot opinions. Changes might not always be pleased by everyone and every use cases.
+>
+> If you are using this config directly, I'd suggest you **review the changes everytime you update**. Or if you want more control over the rules, always feel free to fork it. Thanks!
 
 ## Usage
 

eslint.config.ts

@@ -1,5 +1,6 @@
 // @ts-expect-error missing types
 import styleMigrate from '@stylistic/eslint-plugin-migrate'
+
 import { antfu } from './src'
 
 export default antfu(

fixtures/input/jsx.jsx

@@ -5,8 +5,9 @@ export function HelloWorld({
     return null};
 
       // TODO: Don't use random in render
-  let num = Math.floor (Math.random() * 1E+7).toString()
-  .replace(/\.\d+/ig, "")
+  let num = Math
+  .floor (Math.random() * 1E+7).toString()
+    .replace(/\.\d+/ig, "")
 
   return <div className='HelloWorld' title={`You are visitor number ${ num }`} onMouseOver={onMouseOver}>
     <strong>{ greeting.slice( 0, 1 ).toUpperCase() + greeting.slice(1).toLowerCase() }</strong>

fixtures/output/all/jsx.jsx

@@ -9,7 +9,9 @@ export function HelloWorld({
   };
 
   // TODO: Don't use random in render
-  const num = Math.floor (Math.random() * 1e+7).toString()
+  const num = Math
+    .floor (Math.random() * 1e+7)
+    .toString()
     .replace(/\.\d+/g, '')
 
   return (

fixtures/output/js/jsx.jsx

@@ -9,7 +9,9 @@ export function HelloWorld({
   };
 
   // TODO: Don't use random in render
-  const num = Math.floor (Math.random() * 1e+7).toString()
+  const num = Math
+    .floor (Math.random() * 1e+7)
+    .toString()
     .replace(/\.\d+/g, '')
 
   return (

fixtures/output/no-style/jsx.jsx

@@ -5,8 +5,9 @@ export function HelloWorld({
     return null};
 
       // TODO: Don't use random in render
-  const num = Math.floor (Math.random() * 1e+7).toString()
-  .replace(/\.\d+/g, "")
+  const num = Math
+  .floor (Math.random() * 1e+7).toString()
+    .replace(/\.\d+/g, "")
 
   return <div className='HelloWorld' title={`You are visitor number ${ num }`} onMouseOver={onMouseOver}>
     <strong>{ greeting.slice( 0, 1 ).toUpperCase() + greeting.slice(1).toLowerCase() }</strong>

fixtures/output/tab-double-quotes/jsx.jsx

@@ -9,7 +9,9 @@ export function HelloWorld({
 	};
 
 	// TODO: Don't use random in render
-	const num = Math.floor (Math.random() * 1e+7).toString()
+	const num = Math
+		.floor (Math.random() * 1e+7)
+		.toString()
 		.replace(/\.\d+/g, "")
 
 	return (

fixtures/output/ts-override/jsx.jsx

@@ -9,7 +9,9 @@ export function HelloWorld({
   };
 
   // TODO: Don't use random in render
-  const num = Math.floor (Math.random() * 1e+7).toString()
+  const num = Math
+    .floor (Math.random() * 1e+7)
+    .toString()
     .replace(/\.\d+/g, '')
 
   return (

fixtures/output/ts-strict-with-react/javascript.js

@@ -0,0 +1,73 @@
+// This file is generated by ChatGPT
+
+// eslint-disable-next-line no-console
+const log = console.log
+
+// Define a class using ES6 class syntax
+class Person {
+  constructor(name, age) {
+    this.name = name
+    this.age = age
+  }
+
+  // Define a method within the class
+  sayHello() {
+    log(`Hello, my name is ${this.name} and I am ${this.age} years old.`)
+  }
+}
+
+// Create an array of objects
+const people = [
+  new Person('Alice', 30),
+  new Person('Bob', 25),
+  new Person('Charlie', 35),
+]
+
+// Use the forEach method to iterate over the array
+people.forEach((person) => {
+  person.sayHello()
+})
+
+// Use a template literal to create a multiline string
+const multilineString = `
+  This is a multiline string
+  that spans multiple lines.
+`
+
+// Use destructuring assignment to extract values from an object
+const { name, age } = people[0]
+log(`First person in the array is ${name} and they are ${age} years old.`, multilineString)
+
+// Use the spread operator to create a new array
+const numbers = [1, 2, 3]
+const newNumbers = [...numbers, 4, 5]
+log(newNumbers)
+
+// Use a try-catch block for error handling
+try {
+  // Attempt to parse an invalid JSON string
+  JSON.parse('invalid JSON')
+}
+catch (error) {
+  console.error('Error parsing JSON:', error.message)
+}
+
+// Use a ternary conditional operator
+const isEven = num => num % 2 === 0
+const number = 7
+log(`${number} is ${isEven(number) ? 'even' : 'odd'}.`)
+
+// Use a callback function with setTimeout for asynchronous code
+setTimeout(() => {
+  log('This code runs after a delay of 2 seconds.')
+}, 2000)
+
+let a, b, c, d, foo
+
+if (a
+  || b
+  || c || d
+  || (d && b)
+) {
+  foo()
+}

fixtures/output/ts-strict-with-react/jsx.jsx

@@ -0,0 +1,29 @@
+export function HelloWorld({
+  greeting = 'hello',
+  greeted = '"World"',
+  silent = false,
+  onMouseOver,
+}) {
+  if (!greeting) {
+    return null
+  };
+
+  // TODO: Don't use random in render
+  const num = Math
+    .floor (Math.random() * 1e+7)
+    .toString()
+    .replace(/\.\d+/g, '')
+
+  return (
+    <div className="HelloWorld" title={`You are visitor number ${num}`} onMouseOver={onMouseOver}>
+      <strong>{ greeting.slice(0, 1).toUpperCase() + greeting.slice(1).toLowerCase() }</strong>
+      {greeting.endsWith(',')
+        ? ' '
+        : <span style={{ color: '\grey' }}>", "</span> }
+      <em>
+        { greeted }
+      </em>
+      { (silent) ? '.' : '!'}
+    </div>
+  )
+}

fixtures/output/ts-strict-with-react/markdown.md

@@ -0,0 +1,34 @@
+Header
+======
+
+_Look,_ code blocks are formatted *too!*
+
+```js
+// This should be handled by ESLint instead of Prettier
+function identity(x) {
+  if (foo) {
+    console.log('bar')
+  }
+}
+```
+
+```css
+/* This should be handled by Prettier */
+.foo { color:red;}
+```
+
+Pilot|Airport|Hours
+--|:--:|--:
+John Doe|SKG|1338
+Jane Roe|JFK|314
+
+- - - - - - - - - - - - - - -
+
++ List
+ + with a [link] (/to/somewhere)
++ and [another one]
+
+  [another one]:  http://example.com 'Example title'
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+Curabitur consectetur maximus risus, sed maximus tellus tincidunt et.

fixtures/output/ts-strict-with-react/toml.toml

@@ -0,0 +1,23 @@
+comma = [
+  1,
+  2,
+  3,
+]
+
+[foo]
+b = 1
+c = "hello"
+a = { answer = 42 }
+indent = [
+  1,
+  2
+]
+
+[a-table]
+apple.type = "fruit"
+apple.skin = "thin"
+apple.color = "red"
+
+orange.type = "fruit"
+orange.skin = "thick"
+orange.color = "orange"

fixtures/output/ts-strict-with-react/tsx.tsx

@@ -0,0 +1,32 @@
+export function Component1() {
+  return <div />
+}
+
+export function jsx2() {
+  const props = { a: 1, b: 2 }
+  return (
+    <a foo="bar" bar="foo">
+      <div
+        {...props}
+        a={1}
+        b="2"
+      >
+        Inline Text
+      </div>
+      <Component1>
+        Block Text
+      </Component1>
+      <div>
+        Mixed
+        <div>Foo</div>
+        Text
+        <b> Bar</b>
+      </div>
+      <p>
+        foo
+        <i>bar</i>
+        <b>baz</b>
+      </p>
+    </a>
+  )
+}