sort imports (#6094)

Signed-off-by: Jess Frazelle <github@jessfraz.com>

src/components/ModelingSidebar/ModelingPane.tsx

@@ -1,12 +1,13 @@
-import { ReactNode } from 'react'
-import styles from './ModelingPane.module.css'
-import { ActionButton } from 'components/ActionButton'
-import Tooltip from 'components/Tooltip'
-import { CustomIconName } from 'components/CustomIcon'
 import { IconDefinition } from '@fortawesome/free-solid-svg-icons'
+import { ActionButton } from 'components/ActionButton'
 import { ActionIcon } from 'components/ActionIcon'
-import { onboardingPaths } from 'routes/Onboarding/paths'
+import { CustomIconName } from 'components/CustomIcon'
+import Tooltip from 'components/Tooltip'
 import { useSettings } from 'machines/appMachine'
+import { ReactNode } from 'react'
+import { onboardingPaths } from 'routes/Onboarding/paths'
+
+import styles from './ModelingPane.module.css'
 
 export interface ModelingPaneProps {
   id: string

src/components/ModelingSidebar/ModelingPanes/CodeEditor.tsx

@@ -1,20 +1,20 @@
-import React, {
-  useEffect,
-  useMemo,
-  useRef,
-  useState,
-  forwardRef,
-  useImperativeHandle,
-} from 'react'
 import {
   EditorState,
   EditorStateConfig,
   Extension,
   StateEffect,
 } from '@codemirror/state'
-import { EditorView } from '@codemirror/view'
 import { oneDark } from '@codemirror/theme-one-dark'
+import { EditorView } from '@codemirror/view'
 import { isArray } from 'lib/utils'
+import React, {
+  forwardRef,
+  useEffect,
+  useImperativeHandle,
+  useMemo,
+  useRef,
+  useState,
+} from 'react'
 
 //reference: https://github.com/sachinraja/rodemirror/blob/main/src/use-first-render.ts
 const useFirstRender = () => {

src/components/ModelingSidebar/ModelingPanes/DebugPane.tsx

@@ -1,7 +1,8 @@
+import { CamDebugSettings } from 'clientSideScene/ClientSideSceneComp'
 import { DebugArtifactGraph } from 'components/DebugArtifactGraph'
+
 import { AstExplorer } from '../../AstExplorer'
 import { EngineCommands } from '../../EngineCommands'
-import { CamDebugSettings } from 'clientSideScene/ClientSideSceneComp'
 
 export const DebugPane = () => {
   return (

src/components/ModelingSidebar/ModelingPanes/FeatureTreeMenu.tsx

@@ -1,8 +1,9 @@
 import { Menu } from '@headlessui/react'
-import { PropsWithChildren } from 'react'
 import { ActionIcon } from 'components/ActionIcon'
-import styles from './KclEditorMenu.module.css'
 import { commandBarActor } from 'machines/commandBarMachine'
+import { PropsWithChildren } from 'react'
+
+import styles from './KclEditorMenu.module.css'
 
 export const FeatureTreeMenu = ({ children }: PropsWithChildren) => {
   return (

src/components/ModelingSidebar/ModelingPanes/FeatureTreePane.tsx

@@ -14,15 +14,16 @@ import {
   stdLibMap,
 } from 'lib/operations'
 import { editorManager, kclManager } from 'lib/singletons'
-import { ComponentProps, useEffect, useMemo, useRef, useState } from 'react'
-import { Operation } from '@rust/kcl-lib/bindings/Operation'
-import { Actor, Prop } from 'xstate'
 import { featureTreeMachine } from 'machines/featureTreeMachine'
 import {
   editorIsMountedSelector,
   kclEditorActor,
   selectionEventSelector,
 } from 'machines/kclEditorMachine'
+import { ComponentProps, useEffect, useMemo, useRef, useState } from 'react'
+import { Actor, Prop } from 'xstate'
+
+import { Operation } from '@rust/kcl-lib/bindings/Operation'
 
 export const FeatureTreePane = () => {
   const isEditorMounted = useSelector(kclEditorActor, editorIsMountedSelector)

src/components/ModelingSidebar/ModelingPanes/KclEditorMenu.tsx

@@ -1,15 +1,16 @@
-import { Menu } from '@headlessui/react'
-import { PropsWithChildren } from 'react'
 import { faArrowUpRightFromSquare } from '@fortawesome/free-solid-svg-icons'
-import { ActionIcon } from 'components/ActionIcon'
-import styles from './KclEditorMenu.module.css'
-import { useConvertToVariable } from 'hooks/useToolbarGuards'
-import { editorShortcutMeta } from './KclEditorPane'
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
-import { kclManager } from 'lib/singletons'
+import { Menu } from '@headlessui/react'
+import { ActionIcon } from 'components/ActionIcon'
+import { useConvertToVariable } from 'hooks/useToolbarGuards'
 import { openExternalBrowserIfDesktop } from 'lib/openWindow'
+import { kclManager } from 'lib/singletons'
 import { reportRejection } from 'lib/trap'
 import { commandBarActor } from 'machines/commandBarMachine'
+import { PropsWithChildren } from 'react'
+
+import styles from './KclEditorMenu.module.css'
+import { editorShortcutMeta } from './KclEditorPane'
 
 export const KclEditorMenu = ({ children }: PropsWithChildren) => {
   const { enable: convertToVarEnabled, handleClick: handleConvertToVarClick } =

src/components/ModelingSidebar/ModelingPanes/KclEditorPane.tsx

@@ -1,56 +1,57 @@
-import { TEST } from 'env'
-import { Themes, getSystemTheme } from 'lib/theme'
-import { useEffect, useMemo, useRef } from 'react'
-import { highlightSelectionMatches, searchKeymap } from '@codemirror/search'
-import { lineHighlightField } from 'editor/highlightextension'
-import { onMouseDragMakeANewNumber, onMouseDragRegex } from 'lib/utils'
-import {
-  lineNumbers,
-  rectangularSelection,
-  highlightActiveLineGutter,
-  highlightSpecialChars,
-  highlightActiveLine,
-  keymap,
-  EditorView,
-  dropCursor,
-  drawSelection,
-} from '@codemirror/view'
-import {
-  indentWithTab,
-  defaultKeymap,
-  historyKeymap,
-  history,
-} from '@codemirror/commands'
-import { diagnosticCount, lintGutter, lintKeymap } from '@codemirror/lint'
-import {
-  foldGutter,
-  foldKeymap,
-  bracketMatching,
-  indentOnInput,
-  codeFolding,
-  syntaxHighlighting,
-  defaultHighlightStyle,
-} from '@codemirror/language'
-import interact from '@replit/codemirror-interact'
-import { kclManager, editorManager, codeManager } from 'lib/singletons'
-import { useHotkeys } from 'react-hotkeys-hook'
-import { useLspContext } from 'components/LspProvider'
-import { Prec, EditorState, Extension, Transaction } from '@codemirror/state'
 import {
   closeBrackets,
   closeBracketsKeymap,
   completionKeymap,
 } from '@codemirror/autocomplete'
-import CodeEditor from './CodeEditor'
+import {
+  defaultKeymap,
+  history,
+  historyKeymap,
+  indentWithTab,
+} from '@codemirror/commands'
+import {
+  bracketMatching,
+  codeFolding,
+  defaultHighlightStyle,
+  foldGutter,
+  foldKeymap,
+  indentOnInput,
+  syntaxHighlighting,
+} from '@codemirror/language'
+import { diagnosticCount, lintGutter, lintKeymap } from '@codemirror/lint'
+import { highlightSelectionMatches, searchKeymap } from '@codemirror/search'
+import { EditorState, Extension, Prec, Transaction } from '@codemirror/state'
+import {
+  EditorView,
+  drawSelection,
+  dropCursor,
+  highlightActiveLine,
+  highlightActiveLineGutter,
+  highlightSpecialChars,
+  keymap,
+  lineNumbers,
+  rectangularSelection,
+} from '@codemirror/view'
+import interact from '@replit/codemirror-interact'
+import { useSelector } from '@xstate/react'
+import { useLspContext } from 'components/LspProvider'
+import { lineHighlightField } from 'editor/highlightextension'
+import { modelingMachineEvent } from 'editor/manager'
+import { TEST } from 'env'
 import { codeManagerHistoryCompartment } from 'lang/codeManager'
+import { codeManager, editorManager, kclManager } from 'lib/singletons'
+import { Themes, getSystemTheme } from 'lib/theme'
+import { onMouseDragMakeANewNumber, onMouseDragRegex } from 'lib/utils'
+import { useSettings } from 'machines/appMachine'
 import {
   editorIsMountedSelector,
   kclEditorActor,
   selectionEventSelector,
 } from 'machines/kclEditorMachine'
-import { useSelector } from '@xstate/react'
-import { modelingMachineEvent } from 'editor/manager'
-import { useSettings } from 'machines/appMachine'
+import { useEffect, useMemo, useRef } from 'react'
+import { useHotkeys } from 'react-hotkeys-hook'
+
+import CodeEditor from './CodeEditor'
 
 export const editorShortcutMeta = {
   formatCode: {

src/components/ModelingSidebar/ModelingPanes/LoggingPanes.tsx

@@ -1,6 +1,6 @@
-import ReactJson from 'react-json-view'
-import { useKclContext } from 'lang/KclProvider'
 import { useResolvedTheme } from 'hooks/useResolvedTheme'
+import { useKclContext } from 'lang/KclProvider'
+import ReactJson from 'react-json-view'
 
 const ReactJsonTypeHack = ReactJson as any
 

src/components/ModelingSidebar/ModelingPanes/MemoryPane.test.tsx

@@ -1,6 +1,6 @@
-import { processMemory } from './MemoryPane'
-import { enginelessExecutor } from '../../../lib/testHelpers'
 import { assertParse, initPromise } from '../../../lang/wasm'
+import { enginelessExecutor } from '../../../lib/testHelpers'
+import { processMemory } from './MemoryPane'
 
 beforeAll(async () => {
   await initPromise

src/components/ModelingSidebar/ModelingPanes/MemoryPane.tsx

@@ -1,18 +1,18 @@
-import toast from 'react-hot-toast'
-import ReactJson from 'react-json-view'
-import { useMemo } from 'react'
-import {
-  Path,
-  ExtrudeSurface,
-  sketchFromKclValueOptional,
-  VariableMap,
-} from 'lang/wasm'
-import { useKclContext } from 'lang/KclProvider'
-import { useResolvedTheme } from 'hooks/useResolvedTheme'
 import { ActionButton } from 'components/ActionButton'
-import { Reason, trap } from 'lib/trap'
 import Tooltip from 'components/Tooltip'
 import { useModelingContext } from 'hooks/useModelingContext'
+import { useResolvedTheme } from 'hooks/useResolvedTheme'
+import { useKclContext } from 'lang/KclProvider'
+import {
+  ExtrudeSurface,
+  Path,
+  VariableMap,
+  sketchFromKclValueOptional,
+} from 'lang/wasm'
+import { Reason, trap } from 'lib/trap'
+import { useMemo } from 'react'
+import toast from 'react-hot-toast'
+import ReactJson from 'react-json-view'
 
 export const MemoryPaneMenu = () => {
   const { variables } = useKclContext()

src/components/ModelingSidebar/ModelingPanes/index.tsx

@@ -1,25 +1,26 @@
 import { IconDefinition, faBugSlash } from '@fortawesome/free-solid-svg-icons'
-import { KclEditorMenu } from 'components/ModelingSidebar/ModelingPanes/KclEditorMenu'
 import { CustomIconName } from 'components/CustomIcon'
-import { KclEditorPane } from 'components/ModelingSidebar/ModelingPanes/KclEditorPane'
-import { ModelingPaneHeader } from 'components/ModelingSidebar/ModelingPane'
-import { MouseEventHandler, ReactNode } from 'react'
-import { MemoryPane, MemoryPaneMenu } from './MemoryPane'
-import { LogsPane } from './LoggingPanes'
-import { DebugPane } from './DebugPane'
 import {
   FileTreeInner,
   FileTreeMenu,
   FileTreeRoot,
   useFileTreeOperations,
 } from 'components/FileTree'
+import { ModelingPaneHeader } from 'components/ModelingSidebar/ModelingPane'
+import { KclEditorMenu } from 'components/ModelingSidebar/ModelingPanes/KclEditorMenu'
+import { KclEditorPane } from 'components/ModelingSidebar/ModelingPanes/KclEditorPane'
 import { useKclContext } from 'lang/KclProvider'
-import { editorManager } from 'lib/singletons'
-import { ContextFrom } from 'xstate'
-import { settingsMachine } from 'machines/settingsMachine'
-import { FeatureTreePane } from './FeatureTreePane'
 import { kclErrorsByFilename } from 'lang/errors'
+import { editorManager } from 'lib/singletons'
+import { settingsMachine } from 'machines/settingsMachine'
+import { MouseEventHandler, ReactNode } from 'react'
+import { ContextFrom } from 'xstate'
+
+import { DebugPane } from './DebugPane'
 import { FeatureTreeMenu } from './FeatureTreeMenu'
+import { FeatureTreePane } from './FeatureTreePane'
+import { LogsPane } from './LoggingPanes'
+import { MemoryPane, MemoryPaneMenu } from './MemoryPane'
 
 export type SidebarType =
   | 'code'

src/components/ModelingSidebar/ModelingSidebar.tsx

@@ -1,26 +1,27 @@
+import { IconDefinition } from '@fortawesome/free-solid-svg-icons'
+import { ActionIcon } from 'components/ActionIcon'
+import { CustomIconName } from 'components/CustomIcon'
+import { MachineManagerContext } from 'components/MachineManagerProvider'
+import Tooltip from 'components/Tooltip'
+import { useModelingContext } from 'hooks/useModelingContext'
+import { useKclContext } from 'lang/KclProvider'
+import { SIDEBAR_BUTTON_SUFFIX } from 'lib/constants'
+import { isDesktop } from 'lib/isDesktop'
+import { useSettings } from 'machines/appMachine'
+import { commandBarActor } from 'machines/commandBarMachine'
 import { Resizable } from 're-resizable'
 import {
   MouseEventHandler,
   useCallback,
+  useContext,
   useEffect,
   useMemo,
-  useContext,
 } from 'react'
 import { useHotkeys } from 'react-hotkeys-hook'
-import { SidebarAction, SidebarType, sidebarPanes } from './ModelingPanes'
-import Tooltip from 'components/Tooltip'
-import { ActionIcon } from 'components/ActionIcon'
-import { ModelingPane } from './ModelingPane'
-import { isDesktop } from 'lib/isDesktop'
-import { useModelingContext } from 'hooks/useModelingContext'
-import { CustomIconName } from 'components/CustomIcon'
-import { IconDefinition } from '@fortawesome/free-solid-svg-icons'
-import { useKclContext } from 'lang/KclProvider'
-import { MachineManagerContext } from 'components/MachineManagerProvider'
 import { onboardingPaths } from 'routes/Onboarding/paths'
-import { SIDEBAR_BUTTON_SUFFIX } from 'lib/constants'
-import { commandBarActor } from 'machines/commandBarMachine'
-import { useSettings } from 'machines/appMachine'
+
+import { ModelingPane } from './ModelingPane'
+import { SidebarAction, SidebarType, sidebarPanes } from './ModelingPanes'
 
 interface ModelingSidebarProps {
   paneOpacity: '' | 'opacity-20' | 'opacity-40'
@@ -113,17 +114,20 @@ export function ModelingSidebar({ paneOpacity }: ModelingSidebarProps) {
   )
 
   const paneBadgeMap: Record<SidebarType, BadgeInfoComputed> = useMemo(() => {
-    return filteredPanes.reduce((acc, pane) => {
-      if (pane.showBadge) {
-        acc[pane.id] = {
-          value: pane.showBadge.value(paneCallbackProps),
-          onClick: pane.showBadge.onClick,
-          className: pane.showBadge.className,
-          title: pane.showBadge.title,
+    return filteredPanes.reduce(
+      (acc, pane) => {
+        if (pane.showBadge) {
+          acc[pane.id] = {
+            value: pane.showBadge.value(paneCallbackProps),
+            onClick: pane.showBadge.onClick,
+            className: pane.showBadge.className,
+            title: pane.showBadge.title,
+          }
         }
-      }
-      return acc
-    }, {} as Record<SidebarType, BadgeInfoComputed>)
+        return acc
+      },
+      {} as Record<SidebarType, BadgeInfoComputed>
+    )
   }, [paneCallbackProps])
 
   // Clear any hidden panes from the `openPanes` array