improve imports sorting with OXC tools, remove legacy ESLint config (#2133)

Author: Simek

.oxfmtrc.json

@@ -16,5 +16,16 @@
     "**/assets",
     "README.md",
     "next-env.d.ts"
-  ]
+  ],
+  "experimentalSortImports": {
+    "groups": [
+      ["side-effect"],
+      ["builtin"],
+      ["external", "external-type"],
+      ["internal", "internal-type"],
+      ["parent", "parent-type"],
+      ["sibling", "sibling-type"],
+      ["index", "index-type"]
+    ]
+  }
 }

.oxlintrc.json

@@ -51,7 +51,14 @@
     "prefer-promise-reject-errors": "error",
     "prefer-rest-params": "error",
     "prefer-spread": "error",
-
+    "sort-imports": [
+      "error",
+      {
+        "allowSeparatedGroups": true,
+        "ignoreDeclarationSort": true,
+        "ignoreCase": true
+      }
+    ],
     "import/consistent-type-specifier-style": ["error", "prefer-inline"],
     "import/default": "error",
     "import/namespace": "error",

common/styleguide.tsx

@@ -3,12 +3,12 @@ import { type TextProps } from '@expo/html-elements/build/primitives/Text';
 import Link from 'next/link';
 import { type ComponentType, type CSSProperties, type PropsWithChildren, useState } from 'react';
 import {
-  StyleSheet,
   Pressable,
-  useWindowDimensions,
+  type PressableProps,
   type StyleProp,
+  StyleSheet,
+  useWindowDimensions,
   type ViewStyle,
-  type PressableProps,
 } from 'react-native';
 import { type Style } from 'twrnc';
 

components/Button.tsx

@@ -1,5 +1,5 @@
 import { type PropsWithChildren } from 'react';
-import { type TextStyle, type StyleProp, type ViewStyle, View } from 'react-native';
+import { type StyleProp, type TextStyle, View, type ViewStyle } from 'react-native';
 import { type Style } from 'twrnc';
 
 import { A, HoverEffect, P } from '~/common/styleguide';

components/Filters/ClearButton.tsx

@@ -1,11 +1,10 @@
 import { useState } from 'react';
 import { Pressable, type PressableProps } from 'react-native';
 
+import { XIcon } from '~/components/Icons';
+import Tooltip from '~/components/Tooltip';
 import tw from '~/util/tailwind';
 
-import { XIcon } from '../Icons';
-import Tooltip from '../Tooltip';
-
 type ClearButtonProps = Pick<PressableProps, 'onPress'>;
 
 export function ClearButton({ onPress }: ClearButtonProps) {

components/Filters/FilterButton.tsx

@@ -1,6 +1,8 @@
 import { type StyleProp, View, type ViewStyle } from 'react-native';
 
 import { P } from '~/common/styleguide';
+import { Button } from '~/components/Button';
+import { Filter as FilterIcon } from '~/components/Icons';
 import { type Query } from '~/types';
 import tw from '~/util/tailwind';
 
@@ -13,8 +15,6 @@ import {
   FILTER_STATUS,
   FILTER_TYPE,
 } from './helpers';
-import { Button } from '../Button';
-import { Filter as FilterIcon } from '../Icons';
 
 type Props = {
   query: Query;

components/Filters/ToggleLink.tsx

@@ -3,12 +3,11 @@ import { useState } from 'react';
 import { View } from 'react-native';
 
 import { P } from '~/common/styleguide';
+import CheckBox from '~/components/CheckBox';
 import { type FilterParamsType, type Query } from '~/types';
 import tw from '~/util/tailwind';
 import urlWithQuery from '~/util/urlWithQuery';
 
-import CheckBox from '../CheckBox';
-
 type Props = {
   query: Query;
   filterParam: FilterParamsType;

components/Filters/index.tsx

@@ -6,15 +6,15 @@ import { type Query } from '~/types';
 import { getPageQuery } from '~/util/search';
 import tw from '~/util/tailwind';
 
-import { ToggleLink } from './ToggleLink';
 import {
   FILTER_COMPATIBILITY,
+  FILTER_MODULE_TYPE,
   FILTER_PLATFORMS,
   FILTER_REQUIRES_MAIN_SEARCH,
   FILTER_STATUS,
-  FILTER_MODULE_TYPE,
   FILTER_TYPE,
 } from './helpers';
+import { ToggleLink } from './ToggleLink';
 
 type FiltersProps = {
   query: Query;

components/Footer/PlatformTile.tsx

@@ -1,4 +1,4 @@
-import { createElement, type ComponentType } from 'react';
+import { type ComponentType, createElement } from 'react';
 import { View } from 'react-native';
 
 import { A, P } from '~/common/styleguide';

components/Footer/VercelBanner.tsx

@@ -1,4 +1,4 @@
-import { Path, Svg, Rect, Line } from 'react-native-svg';
+import { Line, Path, Rect, Svg } from 'react-native-svg';
 
 export default function VercelBanner() {
   return (