Add prettier sort import plugin

src/Elastic.Markdown/.prettierrc

@@ -2,5 +2,8 @@
 	"semi": false,
 	"trailingComma": "es5",
 	"singleQuote": true,
-	"plugins": ["prettier-plugin-tailwindcss"]
+	"plugins": [
+		"prettier-plugin-tailwindcss",
+		"@trivago/prettier-plugin-sort-imports"
+	]
 }

src/Elastic.Markdown/Assets/copybutton.ts

@@ -1,5 +1,4 @@
 // Localization support
-
 import * as ClipboardJS from 'clipboard'
 
 const DOCUMENTATION_OPTIONS = {

src/Elastic.Markdown/Assets/hljs.ts

@@ -1,6 +1,6 @@
 import { mergeHTMLPlugin } from './hljs-merge-html-plugin'
-import { $$ } from 'select-dom'
-
+import { LanguageFn } from 'highlight.js'
+import hljs from 'highlight.js/lib/core'
 import asciidoc from 'highlight.js/lib/languages/asciidoc'
 import bash from 'highlight.js/lib/languages/bash'
 import c from 'highlight.js/lib/languages/c'
@@ -13,7 +13,6 @@ import go from 'highlight.js/lib/languages/go'
 import gradle from 'highlight.js/lib/languages/gradle'
 import groovy from 'highlight.js/lib/languages/groovy'
 import handlebars from 'highlight.js/lib/languages/handlebars'
-import hljs from 'highlight.js/lib/core'
 import http from 'highlight.js/lib/languages/http'
 import ini from 'highlight.js/lib/languages/ini'
 import java from 'highlight.js/lib/languages/java'
@@ -35,7 +34,7 @@ import swift from 'highlight.js/lib/languages/swift'
 import typescript from 'highlight.js/lib/languages/typescript'
 import xml from 'highlight.js/lib/languages/xml'
 import yaml from 'highlight.js/lib/languages/yaml'
-import { LanguageFn } from 'highlight.js'
+import { $$ } from 'select-dom'
 
 const languages: Array<{
     name: string

src/Elastic.Markdown/Assets/main.ts

@@ -1,17 +1,16 @@
-import 'htmx.org'
-import 'htmx-ext-preload'
-import 'htmx-ext-head-support'
-
-import { initTocNav } from './toc-nav'
-import { initHighlight } from './hljs'
-import { initTabs } from './tabs'
 import { initCopyButton } from './copybutton'
-import { initNav } from './pages-nav'
+import { initHighlight } from './hljs'
 import { openDetailsWithAnchor } from './open-details-with-anchor'
+import { initNav } from './pages-nav'
+import { initSmoothScroll } from './smooth-scroll'
+import { initTabs } from './tabs'
+import { initTocNav } from './toc-nav'
+import 'htmx-ext-head-support'
+import 'htmx-ext-preload'
+import 'htmx.org'
 import { $, $$ } from 'select-dom'
-
 import { UAParser } from 'ua-parser-js'
-import { initSmoothScroll } from './smooth-scroll'
+
 const { getOS } = new UAParser()
 
 document.addEventListener('htmx:load', function () {

src/Elastic.Markdown/Assets/open-details-with-anchor.ts

@@ -1,4 +1,5 @@
 import { UAParser } from 'ua-parser-js'
+
 const { getBrowser } = new UAParser()
 
 // This is a fix for anchors in details elements in non-Chrome browsers.

src/Elastic.Markdown/eslint.config.mjs

@@ -1,6 +1,6 @@
+import js from '@eslint/js'
 import { defineConfig, globalIgnores } from 'eslint/config'
 import globals from 'globals'
-import js from '@eslint/js'
 import tseslint from 'typescript-eslint'
 
 export default defineConfig([

src/Elastic.Markdown/package.json

@@ -29,6 +29,7 @@
   "devDependencies": {
     "@eslint/js": "9.23.0",
     "@tailwindcss/postcss": "4.1.0",
+    "@trivago/prettier-plugin-sort-imports": "5.2.2",
     "eslint": "9.23.0",
     "globals": "16.0.0",
     "parcel": "2.14.4",