prettier: Sort imports

Author: hhvrc

.prettierrc

@@ -5,7 +5,15 @@
   "singleQuote": true,
   "trailingComma": "es5",
   "printWidth": 100,
-  "plugins": ["prettier-plugin-svelte", "prettier-plugin-tailwindcss"],
+  "importOrder": ["^@.*", "^\\$.*", "^[a-zA-Z].*", "^\\..*"],
+  "importOrderSeparation": false,
+  "importOrderSortSpecifiers": true,
+  "importOrderSideEffects": false,
+  "plugins": [
+    "prettier-plugin-svelte",
+    "prettier-plugin-tailwindcss",
+    "@trivago/prettier-plugin-sort-imports"
+  ],
   "overrides": [
     { "files": "*.svelte", "options": { "parser": "svelte" } },
     { "files": "package*.json", "options": { "tabWidth": 2, "useTabs": true } }

eslint.config.js

@@ -1,6 +1,6 @@
-import prettier from 'eslint-config-prettier';
-import js from '@eslint/js';
 import { includeIgnoreFile } from '@eslint/compat';
+import js from '@eslint/js';
+import prettier from 'eslint-config-prettier';
 import svelte from 'eslint-plugin-svelte';
 import globals from 'globals';
 import { fileURLToPath } from 'node:url';

package.json

@@ -31,6 +31,7 @@
 		"@tailwindcss/typography": "^0.5.16",
 		"@tailwindcss/vite": "^4.1.7",
 		"@tanstack/table-core": "^8.21.3",
+		"@trivago/prettier-plugin-sort-imports": "^5.2.2",
 		"@types/crypto-js": "^4.2.2",
 		"@types/eslint": "^9.6.1",
 		"@types/node": "^22.15.19",

pnpm-lock.yaml

@@ -1,12 +1,12 @@
+import Latin1 from 'crypto-js/enc-latin1';
+import HashMD5 from 'crypto-js/md5';
 import {
   ESPLoader,
-  Transport,
-  type LoaderOptions,
-  type IEspLoaderTerminal,
   type FlashOptions,
+  type IEspLoaderTerminal,
+  type LoaderOptions,
+  Transport,
 } from 'esptool-js';
-import HashMD5 from 'crypto-js/md5';
-import Latin1 from 'crypto-js/enc-latin1';
 
 /**
  * Reboots the chip in ESPLoader mode.

src/lib/EspTool/FlashManager.ts

@@ -1,23 +1,23 @@
 import { PUBLIC_BACKEND_API_DOMAIN } from '$env/static/public';
 import {
+  APITokensApi,
   AccountApi as AccountV1Api,
   AdminApi,
-  APITokensApi,
   Configuration as ConfigurationV1,
   HubManagementApi as HubManagementV1Api,
   MetaApi,
-  SessionsApi,
-  ShockersApi as ShockersV1Api,
   PublicShockerSharesApi,
+  SessionsApi,
   ShockerSharesApi as ShockerSharesV1Api,
+  ShockersApi as ShockersV1Api,
   UsersApi,
 } from './internal/v1';
 import {
   AccountApi as AccountV2Api,
   Configuration as ConfigurationV2,
   HubManagementApi as HubManagementV2Api,
-  ShockersApi as ShockersV2Api,
   ShockerSharesApi as ShockerSharesV2Api,
+  ShockersApi as ShockersV2Api,
 } from './internal/v2';
 
 type Config = {

src/lib/api/index.ts

@@ -2,9 +2,9 @@
   import type { ShockerResponse } from '$lib/api/internal/v1';
   import {
     ControlDurationDefault,
+    ControlDurationProps,
     ControlIntensityDefault,
     ControlIntensityProps,
-    ControlDurationProps,
   } from '$lib/constants/ControlConstants';
   import { SignalR_Connection } from '$lib/signalr';
   import { ControlType } from '$lib/signalr/models/ControlType';

src/lib/components/ControlModules/ClassicControlModule.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
+  import { Volume2, Waves, Zap } from '@lucide/svelte';
   import Button from '$lib/components/ui/button/button.svelte';
   import { ControlType } from '$lib/signalr/models/ControlType';
-  import { Volume2, Waves, Zap } from '@lucide/svelte';
 
   type Props = {
     ctrl: (type: ControlType) => void;

src/lib/components/ControlModules/Internal/ActionButtons.svelte

@@ -1,16 +1,15 @@
 <script lang="ts">
+  import { Signal, Timer } from '@lucide/svelte';
   import type { ShockerResponse } from '$lib/api/internal/v1';
   import {
     ControlDurationDefault,
-    ControlIntensityDefault,
     ControlDurationProps,
+    ControlIntensityDefault,
     ControlIntensityProps,
   } from '$lib/constants/ControlConstants';
   import { SignalR_Connection } from '$lib/signalr';
   import { ControlType } from '$lib/signalr/models/ControlType';
   import { serializeControlMessages } from '$lib/signalr/serializers/Control';
-
-  import { Signal, Timer } from '@lucide/svelte';
   import ActionButtons from './Internal/ActionButtons.svelte';
 
   interface Props {

src/lib/components/ControlModules/RichControlModule.svelte

@@ -1,8 +1,7 @@
 <script lang="ts">
-  import { ControlIntensityProps, ControlDurationProps } from '$lib/constants/ControlConstants';
-  import CircleSlider from './Internal/CircleSlider.svelte';
-
   import { Timer, Volume2, Zap } from '@lucide/svelte';
+  import { ControlDurationProps, ControlIntensityProps } from '$lib/constants/ControlConstants';
+  import CircleSlider from './Internal/CircleSlider.svelte';
 
   interface Props {
     shockIntensity: number;