Prettier sort imports

Author: sibiraj-s

.prettierrc.yml

@@ -1,3 +1,19 @@
 singleQuote: true
 printWidth: 120
 trailingComma: all
+
+plugins:
+  - '@ianvs/prettier-plugin-sort-imports'
+
+importOrder:
+  - <BUILTIN_MODULES>
+  - '^react$'
+  - '^next(.*)$'
+  - <THIRD_PARTY_MODULES>
+  - ''
+  - ^@/lib/(.*)$
+  - '^@/(.*)$'
+  - ''
+  - '^../(.*)$'
+  - '^./(.*)$'
+  - '^[./]'

app/(home)/[[...slug]]/layout.tsx

@@ -1,8 +1,8 @@
-import { DocsLayout, DocsLayoutProps } from 'fumadocs-ui/layouts/docs';
 import type { ReactNode } from 'react';
+import { DocsLayout, DocsLayoutProps } from 'fumadocs-ui/layouts/docs';
 
-import { baseOptions } from '@/app/layout.config';
 import { source } from '@/lib/source';
+import { baseOptions } from '@/app/layout.config';
 
 import Pattern from './Pattern';
 

app/(home)/[[...slug]]/page.tsx

@@ -1,9 +1,9 @@
-import { DocsPage, DocsBody, DocsDescription, DocsTitle, DocsCategory } from 'fumadocs-ui/page';
 import { notFound } from 'next/navigation';
 import defaultMdxComponents from 'fumadocs-ui/mdx';
+import { DocsBody, DocsCategory, DocsDescription, DocsPage, DocsTitle } from 'fumadocs-ui/page';
 
-import { openapi, source } from '@/lib/source';
 import { metadataImage } from '@/lib/metadata';
+import { openapi, source } from '@/lib/source';
 import { getSiteUrl } from '@/utils/site';
 
 export default async function Page(props: { params: Promise<{ slug?: string[] }> }) {

app/api/search/route.ts

@@ -1,4 +1,5 @@
-import { source } from '@/lib/source';
 import { createFromSource } from 'fumadocs-core/search/server';
 
+import { source } from '@/lib/source';
+
 export const { GET } = createFromSource(source);

app/docs-og/[...slug]/route.ts

@@ -1,6 +1,7 @@
-import { metadataImage } from '@/lib/metadata';
 import { generateOGImage } from 'fumadocs-ui/og';
 
+import { metadataImage } from '@/lib/metadata';
+
 export const GET = metadataImage.createAPI((page) => {
   return generateOGImage({
     title: page.data.title,

app/layout.tsx

@@ -1,7 +1,7 @@
-import { RootProvider } from 'fumadocs-ui/provider';
 import type { ReactNode } from 'react';
-import { GeistSans } from 'geist/font/sans';
+import { RootProvider } from 'fumadocs-ui/provider';
 import { GeistMono } from 'geist/font/mono';
+import { GeistSans } from 'geist/font/sans';
 
 import './global.css';
 

lib/metadata.ts

@@ -1,4 +1,5 @@
 import { createMetadataImage } from 'fumadocs-core/server';
+
 import { source } from '@/lib/source';
 
 export const metadataImage = createMetadataImage({

lib/source.ts

@@ -1,8 +1,9 @@
-import { docs, meta } from '@/.source';
-import { createMDXSource } from 'fumadocs-mdx';
 import { loader } from 'fumadocs-core/source';
+import { createMDXSource } from 'fumadocs-mdx';
 import { attachFile, createOpenAPI } from 'fumadocs-openapi/server';
 
+import { docs, meta } from '@/.source';
+
 export const source = loader({
   baseUrl: '/',
   source: createMDXSource(docs, meta),

package-lock.json

@@ -25,6 +25,7 @@
   },
   "devDependencies": {
     "@commitlint/cli": "^19.7.1",
+    "@ianvs/prettier-plugin-sort-imports": "^4.4.1",
     "@tailwindcss/postcss": "^4.0.9",
     "@types/mdx": "^2.0.13",
     "@types/node": "^22.13.5",