fix: import order

Author: boiln

Dockerfile

@@ -22,7 +22,7 @@ ENV NODE_ENV=${NODE_ENV}
 RUN pnpm run build
 
 # Expose the port the app runs on
-EXPOSE 3069
+EXPOSE 3002
 
 # Start the application
-CMD ["pnpm", "start"]
+CMD ["pnpm", "start"]

package.json

@@ -53,6 +53,8 @@
         "eslint": "8.57.1",
         "eslint-config-next": "15.0.3",
         "eslint-config-prettier": "^9.1.0",
+        "eslint-import-resolver-typescript": "^4.4.4",
+        "eslint-plugin-import": "^2.32.0",
         "eslint-plugin-prettier": "^5.1.3",
         "postcss": "8.4.49",
         "prettier": "^3.3.3",

pnpm-lock.yaml

@@ -1,8 +1,8 @@
-import { JetBrains_Mono } from "next/font/google";
-import { Inter } from "next/font/google";
+import { JetBrains_Mono , Inter } from "next/font/google";
 
-import { ThemeProvider } from "@/providers/theme-provider";
 import { TooltipProvider } from "@/components/ui/tooltip";
+import { ThemeProvider } from "@/providers/theme-provider";
+
 import { ErrorBoundary } from "~/src/components/error-boundary";
 
 import type { Metadata } from "next";

src/app/layout.tsx

@@ -1,15 +1,17 @@
 "use client";
 
 import { useEffect, useState, useRef } from "react";
+
 import { Search, X } from "lucide-react";
-import { ResizableHandle, ResizablePanel, ResizablePanelGroup } from "@/components/ui/resizable";
-import { Input } from "@/components/ui/input";
+
+import FileUpload, { FileUploadRef } from "@/components/file-upload";
 import { RequestTable } from "@/components/request-table";
 import { RequestViewer } from "@/components/request-viewer";
 import { ResponseViewer } from "@/components/response-viewer";
-import FileUpload, { FileUploadRef } from "@/components/file-upload";
-import { useSession } from "@/lib/session-context";
+import { Input } from "@/components/ui/input";
+import { ResizableHandle, ResizablePanel, ResizablePanelGroup } from "@/components/ui/resizable";
 import { useSearch } from "@/hooks/use-search";
+import { useSession } from "@/lib/session-context";
 import { BurpSession } from "@/types/burp";
 import { HarSession } from "@/types/har";
 

src/app/page.tsx

@@ -1,12 +1,13 @@
 "use client";
 
 import { useEffect, useState } from "react";
+
 import { WrapText } from "lucide-react";
 
-import { Button } from "@/components/ui/button";
 import { PrismHighlight } from "@/components/prism-highlight";
-import { cn } from "@/lib/utils";
+import { Button } from "@/components/ui/button";
 import { detectPayloadFormat, parseHttpMessage, processBody } from "@/lib/code-formatting";
+import { cn } from "@/lib/utils";
 
 interface CodeBlockProps {
     language: string;

src/components/code-block.tsx

@@ -2,7 +2,9 @@
 
 import React from "react";
 import { Component, type PropsWithChildren } from "react";
+
 import { AlertCircle } from "lucide-react";
+
 import { Button } from "@/components/ui/button";
 import { Card, CardHeader } from "@/components/ui/card";
 

src/components/error-boundary.tsx

@@ -1,12 +1,13 @@
 "use client";
 
 import { useState, useCallback, forwardRef, useImperativeHandle } from "react";
+
 import { Upload } from "lucide-react";
 
+import { BurpParser, createDefaultParser } from "@/lib/http-parser";
+import { cn } from "@/lib/utils";
 import type { BurpSession } from "@/types/burp";
 import type { HarEntry, HarSession } from "@/types/har";
-import { cn } from "@/lib/utils";
-import { BurpParser, createDefaultParser } from "@/lib/http-parser";
 
 interface FileUploadProps {
     onSessionLoaded: (session: BurpSession | HarSession) => void;

src/components/file-upload.tsx

@@ -1,3 +1,8 @@
+import { useState, useRef, useEffect } from "react";
+
+import { Palette, MessageSquareMore, Link2, Globe, Clock, Terminal } from "lucide-react";
+
+import { Button } from "@/components/ui/button";
 import {
     ContextMenu,
     ContextMenuContent,
@@ -15,15 +20,12 @@ import {
     DialogTitle,
     DialogFooter,
 } from "@/components/ui/dialog";
-import { BurpEntry } from "@/types/burp";
-import { HarEntry } from "@/types/har";
-import { Palette, MessageSquareMore, Link2, Globe, Clock, Terminal } from "lucide-react";
+import { Input } from "@/components/ui/input";
 import { useSession } from "@/lib/session-context";
-import type { HighlightColor } from "@/types/burp";
 import { toCurl } from "@/lib/to-curl";
-import { useState, useRef, useEffect } from "react";
-import { Button } from "@/components/ui/button";
-import { Input } from "@/components/ui/input";
+import { BurpEntry } from "@/types/burp";
+import type { HighlightColor } from "@/types/burp";
+import { HarEntry } from "@/types/har";
 
 interface RequestContextMenuProps {
     children: React.ReactNode;

src/components/request-context-menu.tsx

@@ -1,13 +1,14 @@
 "use client";
 
-import type { ColumnDef } from "@tanstack/react-table";
 import { ArrowUpDown, MessageSquare } from "lucide-react";
 
 import { Button } from "@/components/ui/button";
 import { Highlight } from "@/components/ui/highlight";
-import { cn } from "@/lib/utils";
 import { getEntryTime } from "@/lib/entry-utils";
+import { cn } from "@/lib/utils";
+
 import type { RequestData } from "./types";
+import type { ColumnDef } from "@tanstack/react-table";
 
 /**
  * Creates a sortable header button component