Enable Biome Import Organizer

Author: wojtekmaj

biome.json

@@ -11,6 +11,72 @@
       "!**/.pnp.loader.mjs"
     ]
   },
+  "assist": {
+    "actions": {
+      "source": {
+        "organizeImports": {
+          "level": "on",
+          "options": {
+            "groups": [
+              { "type": false, "source": ":NODE:" },
+              { "type": false, "source": ["vitest", "vitest/**", "@vitest/**", "vitest-*"] },
+              { "type": false, "source": "@testing-library/**" },
+              { "type": false, "source": ["react", "react-dom", "react-dom/**", "react-native"] },
+              { "type": false, "source": [":PACKAGE:"] },
+              ":BLANK_LINE:",
+              "**/*.css",
+              ":BLANK_LINE:",
+              {
+                "type": false,
+                "source": [
+                  ":PATH:",
+                  "!**/hooks/*",
+                  "!**/use*.js",
+                  "!**/shared/*",
+                  "!**/utils/*",
+                  "!**/__mocks__/*",
+                  "!**/test-utils.js",
+                  "!**/*.avif",
+                  "!**/*.jpg",
+                  "!**/*.mp3",
+                  "!**/*.mp4",
+                  "!**/*.png",
+                  "!**/*.svg",
+                  "!**/*.webm",
+                  "!**/*.webp",
+                  "!**/*.woff2"
+                ]
+              },
+              ":BLANK_LINE:",
+              { "type": false, "source": ["**/hooks/*", "**/use*.js"] },
+              ":BLANK_LINE:",
+              { "type": false, "source": ["**/shared/*", "**/utils/*"] },
+              ":BLANK_LINE:",
+              { "type": false, "source": "**/__mocks__/*" },
+              ":BLANK_LINE:",
+              { "type": false, "source": "**/test-utils.js" },
+              ":BLANK_LINE:",
+              [
+                "**/*.avif",
+                "**/*.jpg",
+                "**/*.mp3",
+                "**/*.mp4",
+                "**/*.png",
+                "**/*.svg",
+                "**/*.webm",
+                "**/*.webp",
+                "**/*.woff2"
+              ],
+              ":BLANK_LINE:",
+              ":NODE:",
+              ":PACKAGE:",
+              ":PATH:"
+            ]
+          }
+        }
+      }
+    }
+  },
   "formatter": {
     "lineWidth": 100,
     "indentStyle": "space"

src/DiagramWithLegend.tsx

@@ -1,7 +1,7 @@
 import { wrapper } from './DiagramWithLegend.module.css';
 
-import Legend from './Legend.js';
 import Diagram from './Diagram.js';
+import Legend from './Legend.js';
 
 import type { ReactVersion } from './types.js';
 

src/Options.tsx

@@ -4,10 +4,9 @@ import countryCodeToFlagEmoji from 'country-code-to-flag-emoji';
 
 import { wrapper } from './Options.module.css';
 
-import { supportedReactVersions } from './reactVersions.js';
 import { supportedLocales } from './i18n/i18n.js';
-
 import languages from './i18n/languages.json' with { type: 'json' };
+import { supportedReactVersions } from './reactVersions.js';
 
 import type { ReactVersion } from './types.js';
 

src/Root.tsx

@@ -1,16 +1,14 @@
 import { useEffect } from 'react';
+import { useLocalStorage } from '@wojtekmaj/react-hooks';
 import T from '@wojtekmaj/react-t';
-import { getUserLocales } from 'get-user-locale';
 import { getMatchingLocale } from '@wojtekmaj/react-t/dist/esm/utils/locale.js';
-import { useLocalStorage } from '@wojtekmaj/react-hooks';
+import { getUserLocales } from 'get-user-locale';
 
-import Options from './Options.js';
 import DiagramWithLegend from './DiagramWithLegend.js';
 import Footer from './Footer.js';
-
-import { supportedReactVersions } from './reactVersions.js';
-
 import { supportedLocales } from './i18n/i18n.js';
+import Options from './Options.js';
+import { supportedReactVersions } from './reactVersions.js';
 
 import type { ReactVersion } from './types.js';
 

src/diagramElements/Arrow.tsx

@@ -1,6 +1,6 @@
 import clsx from 'clsx';
 
-import { wrapper, solid as solidClassName, withAlt as withAltClassName } from './Arrow.module.css';
+import { solid as solidClassName, withAlt as withAltClassName, wrapper } from './Arrow.module.css';
 
 type ArrowProps = {
   col?: number;

src/diagramElements/Initiator.tsx

@@ -1,6 +1,6 @@
 import clsx from 'clsx';
 
-import { wrapper, secondary as secondaryClassName } from './Initiator.module.css';
+import { secondary as secondaryClassName, wrapper } from './Initiator.module.css';
 
 import DocLink from './DocLink.js';
 

src/diagramElements/Method.tsx

@@ -1,13 +1,13 @@
 import clsx from 'clsx';
 
 import {
-  wrapper,
+  commit,
   endsInMiddle as endsInMiddleClassName,
   main as mainClassName,
-  secondary as secondaryClassName,
-  render,
   preCommit,
-  commit,
+  render,
+  secondary as secondaryClassName,
+  wrapper,
 } from './Method.module.css';
 
 import DocLink from './DocLink.js';

src/diagramElements/Section.tsx

@@ -1,12 +1,12 @@
 import { Children, cloneElement } from 'react';
-import clsx from 'clsx';
 import T from '@wojtekmaj/react-t';
+import clsx from 'clsx';
 
 import {
-  wrapper,
-  highlight as highlightClassName,
   advanced as advancedClassName,
+  highlight as highlightClassName,
   title,
+  wrapper,
 } from './Section.module.css';
 
 import Subsection from './Subsection.js';

src/diagramElements/Subsection.tsx

@@ -2,9 +2,9 @@ import { Children, cloneElement } from 'react';
 
 import { methods } from './Section.module.css';
 
+import Arrow from './Arrow.js';
 import Initiator from './Initiator.js';
 import Method from './Method.js';
-import Arrow from './Arrow.js';
 
 /**
  * Fills props automatically for certain children types. For example, if <Arrow />

src/index.tsx

@@ -1,6 +1,7 @@
 import { StrictMode } from 'react';
 import { createRoot } from 'react-dom/client';
 import { TProvider } from '@wojtekmaj/react-t';
+
 import { defaultLocale, languageFiles } from './i18n/i18n.js';
 
 import './global.css';