Sort imports through ESLint (#686)

Author: felipecrs

eslint.config.js

@@ -1,4 +1,5 @@
-import neostandard, { resolveIgnoresFromGitignore, plugins } from "neostandard";
+import simpleImportSort from "eslint-plugin-simple-import-sort";
+import neostandard, { plugins, resolveIgnoresFromGitignore } from "neostandard";
 
 export default [
   ...neostandard({
@@ -16,4 +17,13 @@ export default [
   },
   plugins.n.configs["flat/recommended"],
   plugins.promise.configs["flat/recommended"],
+  {
+    plugins: {
+      "simple-import-sort": simpleImportSort,
+    },
+    rules: {
+      "simple-import-sort/imports": "error",
+      "simple-import-sort/exports": "error",
+    },
+  },
 ];

package-lock.json

@@ -46,6 +46,7 @@
     "@vitejs/plugin-react": "^4.4.1",
     "eslint": "^9.25.1",
     "eslint-formatter-checkstyle": "^8.40.0",
+    "eslint-plugin-simple-import-sort": "^12.1.1",
     "jsdom": "^26.1.0",
     "neostandard": "^0.12.1",
     "prettier": "^3.5.3",

package.json

@@ -1,5 +1,6 @@
 import Tippy, { TippyProps } from "@tippyjs/react";
 import React, { useState } from "react";
+
 import Tooltip from "./tooltip.tsx";
 
 /**

src/main/frontend/common/components/dropdown.tsx

@@ -1,12 +1,14 @@
+import "./filter.scss";
+
 import Tippy from "@tippyjs/react";
 import React, { useState } from "react";
-import Tooltip from "./tooltip.tsx";
-import StatusIcon from "./status-icon.tsx";
+
+import { useFilter } from "../../pipeline-console-view/pipeline-console/main/providers/filter-provider.tsx";
 import { Result } from "../../pipeline-graph-view/pipeline-graph/main/index.ts";
 import { classNames } from "../utils/classnames.ts";
-import "./filter.scss";
-import { useFilter } from "../../pipeline-console-view/pipeline-console/main/providers/filter-provider.tsx";
 import { DefaultDropdownProps } from "./dropdown.tsx";
+import StatusIcon from "./status-icon.tsx";
+import Tooltip from "./tooltip.tsx";
 
 export default function Filter({ disabled }: FilterProps) {
   const [visible, setVisible] = useState(false);

src/main/frontend/common/components/filter.tsx

@@ -1,5 +1,7 @@
-import React from "react";
 import "./status-icon.scss";
+
+import React from "react";
+
 import { Result } from "../../pipeline-graph-view/pipeline-graph/main/index.ts";
 
 /**

src/main/frontend/common/components/status-icon.tsx

@@ -6,11 +6,12 @@ import React, {
   useEffect,
   useState,
 } from "react";
+
 import {
   defaultMessages,
   getMessages,
-  ResourceBundleName,
   Messages,
+  ResourceBundleName,
 } from "./messages.ts";
 
 export const I18NContext: Context<Messages> = createContext(

src/main/frontend/common/i18n/i18n-provider.tsx

@@ -1,3 +1,3 @@
-export { Messages, ResourceBundleName } from "./messages.ts";
-export type { ResourceBundle } from "./messages.ts";
 export * from "./i18n-provider.tsx";
+export type { ResourceBundle } from "./messages.ts";
+export { Messages, ResourceBundleName } from "./messages.ts";

src/main/frontend/common/i18n/index.ts

@@ -1,7 +1,7 @@
 import { Mock, vi } from "vitest";
 
 import { getResourceBundle } from "../RestClient.tsx";
-import { getMessages, ResourceBundleName, Messages } from "./messages.ts";
+import { getMessages, Messages, ResourceBundleName } from "./messages.ts";
 
 vi.mock("../RestClient.tsx", () => ({
   getResourceBundle: vi.fn(),

src/main/frontend/common/i18n/messages.spec.ts

@@ -1,4 +1,5 @@
 import MessageFormat, { MessageFunction } from "@messageformat/core";
+
 import { getResourceBundle } from "../RestClient.tsx";
 import { choiceFormatter } from "./choice-formatter.ts";