chore(deps): switch to eslint-plugin-simple-order-sort

Author: sambauers

.eslintrc.js

@@ -4,12 +4,10 @@
 const eslintConfig = {
   root: true,
   parser: '@typescript-eslint/parser',
-  plugins: ['@typescript-eslint', 'import', 'prettier'],
+  plugins: ['@typescript-eslint', 'simple-import-sort', 'prettier'],
   extends: [
     'eslint:recommended',
     'plugin:@typescript-eslint/recommended',
-    'plugin:import/recommended',
-    'plugin:import/typescript',
     'prettier',
   ],
   rules: {
@@ -28,22 +26,7 @@ const eslintConfig = {
         fixStyle: 'inline-type-imports',
       },
     ],
-    'import/consistent-type-specifier-style': ['error', 'prefer-inline'],
-    'import/no-unused-modules': [
-      'error',
-      {
-        unusedExports: true,
-      },
-    ],
-    'import/order': [
-      'error',
-      {
-        alphabetize: {
-          order: 'asc',
-        },
-        'newlines-between': 'always',
-      },
-    ],
+    'simple-import-sort/imports': 'error',
     'prettier/prettier': 'error',
   },
   settings: {

jest.config.js

@@ -1,5 +1,4 @@
 // @ts-check
-/* eslint-disable no-undef */
 
 /**
  * @type {import('@swc/core/types').Options}
@@ -37,4 +36,5 @@ const jestConfig = {
   coveragePathIgnorePatterns: ['<rootDir>/jest'],
 }
 
+// eslint-disable-next-line no-undef
 module.exports = jestConfig

package.json

@@ -51,8 +51,8 @@
     "eslint": "8.44.0",
     "eslint-config-prettier": "8.8.0",
     "eslint-import-resolver-custom-alias": "1.3.2",
-    "eslint-plugin-import": "2.27.5",
     "eslint-plugin-prettier": "5.0.0",
+    "eslint-plugin-simple-import-sort": "^10.0.0",
     "jest": "29.6.1",
     "markdownlint-cli": "0.35.0",
     "postcss": "8.4.25",

pnpm-lock.yaml

@@ -1,11 +1,11 @@
 import {
-  readFileSync,
-  writeFileSync,
   copyFileSync,
   existsSync,
   mkdirSync,
-  rmSync,
   readdirSync,
+  readFileSync,
+  rmSync,
+  writeFileSync,
 } from 'node:fs'
 import { join } from 'node:path'
 import { fileURLToPath } from 'node:url'

scripts/copy-release-files.ts

@@ -1,4 +1,4 @@
-import { type ResolvableTo, type PluginUtils } from 'tailwindcss/types/config'
+import { type PluginUtils, type ResolvableTo } from 'tailwindcss/types/config'
 
 import { type KeyValuePair } from '@/common'
 

src/css-animations/index.d.ts

@@ -1,8 +1,8 @@
 import { type CSSUtility } from '@/css-utilities'
 import { Base } from '@/css-utilities/base'
 import { Transform } from '@/css-utilities/transform'
-import { type UnsafeCSSValue, normaliseLengthValue } from '@/utils/css-value'
-import { normaliseDimension, type Dimension } from '@/utils/dimension'
+import { normaliseLengthValue, type UnsafeCSSValue } from '@/utils/css-value'
+import { type Dimension, normaliseDimension } from '@/utils/dimension'
 
 interface NormaliseFunctionValuesOptions {
   dimension?: Dimension

src/css-utilities/perspective.ts

@@ -9,11 +9,11 @@ import values from 'lodash/values'
 import { type CSSUtility } from '@/css-utilities'
 import { Base } from '@/css-utilities/base'
 import {
-  type UnsafeCSSValue,
   normaliseAngleValue,
   normaliseLengthPercentageValue,
-  normaliseNumberPercentageValue,
   normaliseLengthValue,
+  normaliseNumberPercentageValue,
+  type UnsafeCSSValue,
 } from '@/utils/css-value'
 import { type Dimension } from '@/utils/dimension'
 import { normaliseDimension } from '@/utils/dimension'
@@ -44,7 +44,6 @@ interface NormaliseLegacyFunctionValuesOptions
   perspective?: UnsafeCSSValue
 }
 
-// eslint-disable-next-line import/no-unused-modules
 export interface TransformDeclarations {
   '--webkit-transform': string
   transform: string

src/css-utilities/transform.ts

@@ -11,9 +11,9 @@ import { type CSSUtility } from '@/css-utilities'
 import { Base } from '@/css-utilities/base'
 import { Transform } from '@/css-utilities/transform'
 import {
-  type UnsafeCSSValue,
   normaliseLengthPercentageValue,
   normaliseLengthValue,
+  type UnsafeCSSValue,
 } from '@/utils/css-value'
 import { type Dimension, normaliseDimension } from '@/utils/dimension'
 import { generateGuard } from '@/utils/generate-guard'

src/css-utilities/translate.ts

@@ -1,22 +1,18 @@
 import plugin from 'tailwindcss/plugin'
 
-// css-utilities
-import { Bounce } from './css-animations/bounce'
-import { BounceAndSpin } from './css-animations/bounce-and-spin'
-import { Spin } from './css-animations/spin'
-import { Backface } from './css-utilities/backface'
-import { Perspective } from './css-utilities/perspective'
-import { PerspectiveOrigin } from './css-utilities/perspective-origin'
-import { Scale } from './css-utilities/scale'
-import { Transform } from './css-utilities/transform'
-import { TransformBox } from './css-utilities/transform-box'
-import { TransformCore } from './css-utilities/transform-core'
-import { TransformStyle } from './css-utilities/transform-style'
-import { Translate } from './css-utilities/translate'
-
-// css-animations
-
 import { type LocalPluginAPI } from '@/common'
+import { Bounce } from '@/css-animations/bounce'
+import { BounceAndSpin } from '@/css-animations/bounce-and-spin'
+import { Spin } from '@/css-animations/spin'
+import { Backface } from '@/css-utilities/backface'
+import { Perspective } from '@/css-utilities/perspective'
+import { PerspectiveOrigin } from '@/css-utilities/perspective-origin'
+import { Scale } from '@/css-utilities/scale'
+import { Transform } from '@/css-utilities/transform'
+import { TransformBox } from '@/css-utilities/transform-box'
+import { TransformCore } from '@/css-utilities/transform-core'
+import { TransformStyle } from '@/css-utilities/transform-style'
+import { Translate } from '@/css-utilities/translate'
 import { ensureBoolean } from '@/utils/ensure'
 
 // Default CSS variables, modelled from core

src/index.ts

@@ -1,6 +1,6 @@
 import {
-  VALID_ANGLE_UNITS,
   normaliseAnglePercentageValue,
+  VALID_ANGLE_UNITS,
 } from '../../css-value'
 
 describe('utilities', () => {

src/utils/__tests__/css-value/normalise-angle-percentage-value.ts

@@ -1,4 +1,4 @@
-import { VALID_ANGLE_UNITS, normaliseAngleValue } from '../../css-value'
+import { normaliseAngleValue, VALID_ANGLE_UNITS } from '../../css-value'
 
 describe('utilities', () => {
   describe('css-value', () => {

src/utils/__tests__/css-value/normalise-angle-value.ts

@@ -1,6 +1,6 @@
 import {
-  VALID_LENGTH_UNITS,
   normaliseLengthPercentageValue,
+  VALID_LENGTH_UNITS,
 } from '../../css-value'
 
 describe('utilities', () => {

src/utils/__tests__/css-value/normalise-length-percentage-value.ts

@@ -1,4 +1,4 @@
-import { VALID_LENGTH_UNITS, normaliseLengthValue } from '../../css-value'
+import { normaliseLengthValue, VALID_LENGTH_UNITS } from '../../css-value'
 
 describe('utilities', () => {
   describe('css-value', () => {

src/utils/__tests__/css-value/normalise-length-value.ts

@@ -1,4 +1,4 @@
-import { VALID_TIME_UNITS, normaliseTimePercentageValue } from '../../css-value'
+import { normaliseTimePercentageValue, VALID_TIME_UNITS } from '../../css-value'
 
 describe('utilities', () => {
   describe('css-value', () => {

src/utils/__tests__/css-value/normalise-time-percentage-value.ts

@@ -1,4 +1,4 @@
-import { VALID_TIME_UNITS, normaliseTimeValue } from '../../css-value'
+import { normaliseTimeValue, VALID_TIME_UNITS } from '../../css-value'
 
 describe('utilities', () => {
   describe('css-value', () => {