diff --git a/package.json b/package.json index 530fa313ced4b..a99e5a1214eff 100644 --- a/package.json +++ b/package.json @@ -39,7 +39,7 @@ "x-default-browser": "^0.5.2" }, "devDependencies": { - "prettier": "^2.5.0", + "prettier": "^3.2.5", "typescript": "^5.3.2" }, "workspaces": { diff --git a/web/packages/design/src/AnimatedProgressBar/AnimatedProgressBar.tsx b/web/packages/design/src/AnimatedProgressBar/AnimatedProgressBar.tsx index eb3c591eb7205..5bf5d8bfc9c35 100644 --- a/web/packages/design/src/AnimatedProgressBar/AnimatedProgressBar.tsx +++ b/web/packages/design/src/AnimatedProgressBar/AnimatedProgressBar.tsx @@ -59,7 +59,8 @@ const Bar = styled.span` border-bottom-left-radius: 20px; background-color: ${props => props.theme.colors.brand}; - box-shadow: inset 0 2px 9px rgba(255, 255, 255, 0.3), + box-shadow: + inset 0 2px 9px rgba(255, 255, 255, 0.3), inset 0 -2px 6px rgba(0, 0, 0, 0.4); position: relative; overflow: hidden; diff --git a/web/packages/shared/components/AnimatedTerminal/TerminalContent.tsx b/web/packages/shared/components/AnimatedTerminal/TerminalContent.tsx index 41635b36e5a76..b025bb8e0e80e 100644 --- a/web/packages/shared/components/AnimatedTerminal/TerminalContent.tsx +++ b/web/packages/shared/components/AnimatedTerminal/TerminalContent.tsx @@ -266,7 +266,12 @@ export const TerminalContentContainer = styled.div` export const TerminalCode = styled.div` font-size: 12px; - font-family: Menlo, DejaVu Sans Mono, Consolas, Lucida Console, monospace; + font-family: + Menlo, + DejaVu Sans Mono, + Consolas, + Lucida Console, + monospace; line-height: 20px; white-space: pre-wrap; margin: 10px 16px; diff --git a/web/packages/shared/components/UnifiedResources/shared/PinButton.tsx b/web/packages/shared/components/UnifiedResources/shared/PinButton.tsx index b44c5c4b9f322..1eedee2db68a2 100644 --- a/web/packages/shared/components/UnifiedResources/shared/PinButton.tsx +++ b/web/packages/shared/components/UnifiedResources/shared/PinButton.tsx @@ -64,7 +64,9 @@ export function PinButton({ className={className} css={` visibility: ${shouldShowButton ? 'visible' : 'hidden'}; - transition: color 0.3s, background 0.3s; + transition: + color 0.3s, + background 0.3s; `} > {tipContent && shouldShowButton ? ( diff --git a/web/packages/shared/components/Window/WindowComponents.tsx b/web/packages/shared/components/Window/WindowComponents.tsx index 40d85137291bd..2d4dd51755424 100644 --- a/web/packages/shared/components/Window/WindowComponents.tsx +++ b/web/packages/shared/components/Window/WindowComponents.tsx @@ -60,7 +60,12 @@ export const WindowContentContainer = styled.div` export const WindowCode = styled.div` font-size: 12px; - font-family: Menlo, DejaVu Sans Mono, Consolas, Lucida Console, monospace; + font-family: + Menlo, + DejaVu Sans Mono, + Consolas, + Lucida Console, + monospace; line-height: 20px; white-space: pre-wrap; `; diff --git a/web/packages/shared/hooks/useRefClickOutside/useRefClickOutside.ts b/web/packages/shared/hooks/useRefClickOutside/useRefClickOutside.ts index 95092199cda6b..77871e06dd5ad 100644 --- a/web/packages/shared/hooks/useRefClickOutside/useRefClickOutside.ts +++ b/web/packages/shared/hooks/useRefClickOutside/useRefClickOutside.ts @@ -28,7 +28,7 @@ import { MutableRefObject, useEffect, useRef, useCallback } from 'react'; * events to be ignored. */ export function useRefClickOutside< - T extends { contains(eventTarget: HTMLElement): boolean } + T extends { contains(eventTarget: HTMLElement): boolean }, >(options: { open: boolean; setOpen(b: boolean): void }): MutableRefObject { const ref = useRef(); const { setOpen, open } = options; diff --git a/web/packages/teleport/src/AccessRequests/LockedAccessRequests/LockedAccessRequests.tsx b/web/packages/teleport/src/AccessRequests/LockedAccessRequests/LockedAccessRequests.tsx index 2f8d0d09ed0c4..4bbed26167ab4 100644 --- a/web/packages/teleport/src/AccessRequests/LockedAccessRequests/LockedAccessRequests.tsx +++ b/web/packages/teleport/src/AccessRequests/LockedAccessRequests/LockedAccessRequests.tsx @@ -96,7 +96,7 @@ export function LockedAccessRequests() { transform: translate(-50%, 50%); @media screen and (max-width: 800px) { min-width: 100%; - } ; + } `} > {CTAButton} diff --git a/web/packages/teleport/src/Assist/Assist.tsx b/web/packages/teleport/src/Assist/Assist.tsx index 16bba80013ac7..3425fce58c1f9 100644 --- a/web/packages/teleport/src/Assist/Assist.tsx +++ b/web/packages/teleport/src/Assist/Assist.tsx @@ -216,7 +216,8 @@ const AssistContainer = styled.div<{ docked: boolean }>` 0 ); animation: forwards ${slideIn} 0.5s cubic-bezier(0.33, 1, 0.68, 1); - transition: width 0.5s cubic-bezier(0.33, 1, 0.68, 1), + transition: + width 0.5s cubic-bezier(0.33, 1, 0.68, 1), height 0.5s cubic-bezier(0.33, 1, 0.68, 1); background: ${p => p.theme.colors.levels.popout}; border-radius: var(--assist-border-radius); diff --git a/web/packages/teleport/src/Assist/Conversation/EntryContainer.tsx b/web/packages/teleport/src/Assist/Conversation/EntryContainer.tsx index c53fb1f350630..6901043a2bc82 100644 --- a/web/packages/teleport/src/Assist/Conversation/EntryContainer.tsx +++ b/web/packages/teleport/src/Assist/Conversation/EntryContainer.tsx @@ -63,7 +63,8 @@ const Content = styled.div` background: var(--content-background); color: var(--content-color); border-radius: var(--content-border-radius); - box-shadow: 0 6px 12px -2px rgba(50, 50, 93, 0.05), + box-shadow: + 0 6px 12px -2px rgba(50, 50, 93, 0.05), 0 3px 7px -3px rgba(0, 0, 0, 0.1); max-width: 90%; border: 1px solid ${p => p.theme.colors.spotBackground[1]}; diff --git a/web/packages/teleport/src/Assist/Settings/DisplaySettings.tsx b/web/packages/teleport/src/Assist/Settings/DisplaySettings.tsx index 39a89bbfaf66f..8de44fb955ee8 100644 --- a/web/packages/teleport/src/Assist/Settings/DisplaySettings.tsx +++ b/web/packages/teleport/src/Assist/Settings/DisplaySettings.tsx @@ -152,8 +152,10 @@ const PageNavigation = styled.div` background: ${p => p.theme.colors.levels.surface}; flex: 0 0 45px; height: inherit; - box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), - 0px 1px 1px rgba(0, 0, 0, 0.14), 0px 1px 3px rgba(0, 0, 0, 0.12); + box-shadow: + 0px 2px 1px -1px rgba(0, 0, 0, 0.2), + 0px 1px 1px rgba(0, 0, 0, 0.14), + 0px 1px 3px rgba(0, 0, 0, 0.12); `; const NavigationLogo = styled.div` @@ -192,8 +194,10 @@ const PageTable = styled.div` width: 100%; height: 40px; border-radius: 3px; - box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.1), - 0px 1px 1px rgba(0, 0, 0, 0.07), 0px 1px 3px rgba(0, 0, 0, 0.06); + box-shadow: + 0px 2px 1px -1px rgba(0, 0, 0, 0.1), + 0px 1px 1px rgba(0, 0, 0, 0.07), + 0px 1px 3px rgba(0, 0, 0, 0.06); `; function MockPage() { diff --git a/web/packages/teleport/src/Assist/context/AssistContext.tsx b/web/packages/teleport/src/Assist/context/AssistContext.tsx index 15dbf01f5068d..e38ab3577936c 100644 --- a/web/packages/teleport/src/Assist/context/AssistContext.tsx +++ b/web/packages/teleport/src/Assist/context/AssistContext.tsx @@ -274,9 +274,8 @@ export function AssistContextProvider(props: PropsWithChildren) { setupWebSocket(conversationId); - const serverMessages = await service.loadConversationMessages( - conversationId - ); + const serverMessages = + await service.loadConversationMessages(conversationId); const messages: ResolvedServerMessage[] = []; for (const message of serverMessages) { @@ -315,9 +314,8 @@ export function AssistContextProvider(props: PropsWithChildren) { loading: true, }); - const serverMessages = await service.loadConversationMessages( - conversationId - ); + const serverMessages = + await service.loadConversationMessages(conversationId); const messages: ResolvedServerMessage[] = []; for (const message of serverMessages) { diff --git a/web/packages/teleport/src/Assist/markdown.ts b/web/packages/teleport/src/Assist/markdown.ts index 1765994038806..329c1d63de8f0 100644 --- a/web/packages/teleport/src/Assist/markdown.ts +++ b/web/packages/teleport/src/Assist/markdown.ts @@ -304,8 +304,14 @@ export const markdownCSS = css` kbd { display: inline-block; padding: 3px 5px; - font: 11px ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, - Liberation Mono, monospace; + font: + 11px ui-monospace, + SFMono-Regular, + SF Mono, + Menlo, + Consolas, + Liberation Mono, + monospace; line-height: 10px; color: var(--color-fg-default); vertical-align: middle; @@ -394,16 +400,28 @@ export const markdownCSS = css` tt, code, samp { - font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, - Liberation Mono, monospace; + font-family: + ui-monospace, + SFMono-Regular, + SF Mono, + Menlo, + Consolas, + Liberation Mono, + monospace; font-size: 12px; } pre { margin-top: 0; margin-bottom: 0; - font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, - Liberation Mono, monospace; + font-family: + ui-monospace, + SFMono-Regular, + SF Mono, + Menlo, + Consolas, + Liberation Mono, + monospace; font-size: 12px; word-wrap: normal; } diff --git a/web/packages/teleport/src/Assist/types.ts b/web/packages/teleport/src/Assist/types.ts index 2b5d72be7d1f0..2a9cd1acbf429 100644 --- a/web/packages/teleport/src/Assist/types.ts +++ b/web/packages/teleport/src/Assist/types.ts @@ -54,7 +54,7 @@ export interface GetConversationsResponse { id: string; title?: string; created_time: string; - } + }, ]; } diff --git a/web/packages/teleport/src/AuthConnectors/styles/AuthConnectors.styles.ts b/web/packages/teleport/src/AuthConnectors/styles/AuthConnectors.styles.ts index 9c997198ba02b..94e79806bf287 100644 --- a/web/packages/teleport/src/AuthConnectors/styles/AuthConnectors.styles.ts +++ b/web/packages/teleport/src/AuthConnectors/styles/AuthConnectors.styles.ts @@ -38,7 +38,7 @@ export const MobileDescription = styled(Text)` margin-bottom: ${p => p.theme.space[3]}px; @media screen and (min-width: ${p => p.theme.breakpoints.tablet}px) { display: none; - } ; + } `; export const DesktopDescription = styled(Box)` @@ -48,12 +48,12 @@ export const DesktopDescription = styled(Box)` flex-shrink: 0; @media screen and (max-width: ${p => p.theme.breakpoints.tablet}px) { display: none; - } ; + } `; export const ResponsiveAddButton = styled(ButtonPrimary)` width: 240px; @media screen and (max-width: ${p => p.theme.breakpoints.tablet}px) { width: 100%; - } ; + } `; diff --git a/web/packages/teleport/src/AuthConnectors/styles/LockedFeatureContainer.styles.ts b/web/packages/teleport/src/AuthConnectors/styles/LockedFeatureContainer.styles.ts index 6723366f25237..863be29e6d604 100644 --- a/web/packages/teleport/src/AuthConnectors/styles/LockedFeatureContainer.styles.ts +++ b/web/packages/teleport/src/AuthConnectors/styles/LockedFeatureContainer.styles.ts @@ -38,5 +38,5 @@ export const LockedFeatureButton = styled(ButtonLockedFeature)` @media screen and (max-width: ${props => props.theme.breakpoints.tablet}px) { width: 100%; right: 1px; - } ; + } `; diff --git a/web/packages/teleport/src/DeviceTrust/DeviceTrustLocked.tsx b/web/packages/teleport/src/DeviceTrust/DeviceTrustLocked.tsx index 158376cd2657d..c7c48fef057c9 100644 --- a/web/packages/teleport/src/DeviceTrust/DeviceTrustLocked.tsx +++ b/web/packages/teleport/src/DeviceTrust/DeviceTrustLocked.tsx @@ -175,7 +175,9 @@ const StyledMessageContainer = styled(Flex)` padding: 24px; gap: 24px; width: 600px; - box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), - 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + box-shadow: + 0 5px 5px -3px rgba(0, 0, 0, 0.2), + 0 8px 10px 1px rgba(0, 0, 0, 0.14), + 0 3px 14px 2px rgba(0, 0, 0, 0.12); border-radius: 8px; `; diff --git a/web/packages/teleport/src/Discover/Database/CreateDatabase/useCreateDatabase.ts b/web/packages/teleport/src/Discover/Database/CreateDatabase/useCreateDatabase.ts index 7b1b474eaa311..840d31bdfb94b 100644 --- a/web/packages/teleport/src/Discover/Database/CreateDatabase/useCreateDatabase.ts +++ b/web/packages/teleport/src/Discover/Database/CreateDatabase/useCreateDatabase.ts @@ -213,9 +213,8 @@ export function useCreateDatabase() { // database service. If there is no active database service, // user is led to the next step. try { - const { services } = await ctx.databaseService.fetchDatabaseServices( - clusterId - ); + const { services } = + await ctx.databaseService.fetchDatabaseServices(clusterId); if (!findActiveDatabaseSvc(db.labels, services)) { updateAgentMeta({ diff --git a/web/packages/teleport/src/Discover/Desktop/DiscoverDesktops/ProxyDesktopServiceDiagram.tsx b/web/packages/teleport/src/Discover/Desktop/DiscoverDesktops/ProxyDesktopServiceDiagram.tsx index ebd3d39cb4e31..17a2713cc8e03 100644 --- a/web/packages/teleport/src/Discover/Desktop/DiscoverDesktops/ProxyDesktopServiceDiagram.tsx +++ b/web/packages/teleport/src/Discover/Desktop/DiscoverDesktops/ProxyDesktopServiceDiagram.tsx @@ -30,7 +30,12 @@ import { import { ProxyServerIcon } from './Server'; const NodeHostname = styled.div` - font-family: Menlo, DejaVu Sans Mono, Consolas, Lucida Console, monospace; + font-family: + Menlo, + DejaVu Sans Mono, + Consolas, + Lucida Console, + monospace; font-size: 12px; color: ${props => props.theme.colors.text.primary}; max-width: 184px; diff --git a/web/packages/teleport/src/Discover/Desktop/DiscoverDesktops/WindowsComputer.tsx b/web/packages/teleport/src/Discover/Desktop/DiscoverDesktops/WindowsComputer.tsx index dc6f9eef83e31..9dac513d201a6 100644 --- a/web/packages/teleport/src/Discover/Desktop/DiscoverDesktops/WindowsComputer.tsx +++ b/web/packages/teleport/src/Discover/Desktop/DiscoverDesktops/WindowsComputer.tsx @@ -45,7 +45,12 @@ const SuccessMessage = styled.div` const SuccessTick = styled.span` margin-right: 5px; font-size: 14px; - font-family: Menlo, DejaVu Sans Mono, Consolas, Lucida Console, monospace; + font-family: + Menlo, + DejaVu Sans Mono, + Consolas, + Lucida Console, + monospace; `; const Application = styled.div` @@ -145,7 +150,12 @@ const ComputerOSVersion = styled.div` `; const ComputerAddress = styled.div` - font-family: Menlo, DejaVu Sans Mono, Consolas, Lucida Console, monospace; + font-family: + Menlo, + DejaVu Sans Mono, + Consolas, + Lucida Console, + monospace; font-size: 13px; color: rgba(0, 0, 0, 0.8); `; diff --git a/web/packages/teleport/src/Discover/Shared/HintBox.tsx b/web/packages/teleport/src/Discover/Shared/HintBox.tsx index 2c867da0d4a2f..a31730bf5041c 100644 --- a/web/packages/teleport/src/Discover/Shared/HintBox.tsx +++ b/web/packages/teleport/src/Discover/Shared/HintBox.tsx @@ -31,7 +31,7 @@ const HintBoxContainer = styled(Box).attrs(props => ({ background-color: ${props => props.theme.colors.spotBackground[0]}; padding: ${props => `${props.theme.space[3]}px`}; border-radius: ${props => `${props.theme.space[2]}px`}; - border: 2px solid ${props => props.theme.colors.warning.main}; ; + border: 2px solid ${props => props.theme.colors.warning.main}; `; export const WaitingInfo = styled(Box)` diff --git a/web/packages/teleport/src/Navigation/NavigationSection.tsx b/web/packages/teleport/src/Navigation/NavigationSection.tsx index 748c65df1d555..62e96f0878c9c 100644 --- a/web/packages/teleport/src/Navigation/NavigationSection.tsx +++ b/web/packages/teleport/src/Navigation/NavigationSection.tsx @@ -37,7 +37,8 @@ const Title = styled.h3` line-height: 14px; color: ${props => props.theme.colors.text.slightlyMuted}; margin-left: 32px; - transition: transform 0.3s cubic-bezier(0.19, 1, 0.22, 1), + transition: + transform 0.3s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.15s ease-in; will-change: transform; margin-top: 33px; diff --git a/web/packages/teleport/src/Player/ProgressBar/ProgressBar.tsx b/web/packages/teleport/src/Player/ProgressBar/ProgressBar.tsx index 3b82a47d8992a..5975e1a7153dc 100644 --- a/web/packages/teleport/src/Player/ProgressBar/ProgressBar.tsx +++ b/web/packages/teleport/src/Player/ProgressBar/ProgressBar.tsx @@ -203,7 +203,9 @@ const StyledProgessBar = styled.div` : props.theme.colors.success.main}; border-radius: 200px; - box-shadow: 0 0 4px rgba(0, 0, 0, 0.12), 0 4px 4px rgba(0, 0, 0, 0.24); + box-shadow: + 0 0 4px rgba(0, 0, 0, 0.12), + 0 4px 4px rgba(0, 0, 0, 0.24); width: 16px; height: 16px; left: -8px; diff --git a/web/packages/teleport/src/components/Dropdown/Dropdown.tsx b/web/packages/teleport/src/components/Dropdown/Dropdown.tsx index e7d5b0e0e9876..0c67f34a50122 100644 --- a/web/packages/teleport/src/components/Dropdown/Dropdown.tsx +++ b/web/packages/teleport/src/components/Dropdown/Dropdown.tsx @@ -41,7 +41,9 @@ export const Dropdown = styled.div` opacity: ${p => (p.open ? 1 : 0)}; visibility: ${p => (p.open ? 'visible' : 'hidden')}; transform-origin: top right; - transition: opacity 0.2s ease, visibility 0.2s ease, + transition: + opacity 0.2s ease, + visibility 0.2s ease, transform 0.3s cubic-bezier(0.45, 0.6, 0.5, 1.25); transform: ${p => p.open ? 'scale(1) translate(0, 12px)' : 'scale(.8) translate(0, 4px)'}; @@ -55,7 +57,9 @@ export const DropdownItem = styled.div` border-radius: ${p => p.theme.radii[2]}px; margin-bottom: ${p => p.theme.space[1]}px; opacity: ${p => (p.open ? 1 : 0)}; - transition: transform 0.3s ease, opacity 0.7s ease; + transition: + transform 0.3s ease, + opacity 0.7s ease; transform: translate3d(${p => (p.open ? 0 : '20px')}, 0, 0); transition-delay: ${p => p.$transitionDelay}ms; diff --git a/web/packages/teleport/src/lib/term/terminal.ts b/web/packages/teleport/src/lib/term/terminal.ts index 7707d55f01c40..5744d30f15b5a 100644 --- a/web/packages/teleport/src/lib/term/terminal.ts +++ b/web/packages/teleport/src/lib/term/terminal.ts @@ -53,7 +53,10 @@ export default class TtyTerminal { _webglAddon: WebglAddon; _canvasAddon = new CanvasAddon(); - constructor(tty: Tty, private options: Options) { + constructor( + tty: Tty, + private options: Options + ) { const { el, scrollBack, fontFamily, fontSize } = options; this._el = el; this._fontFamily = fontFamily || undefined; diff --git a/web/packages/teleport/src/services/audit/types.ts b/web/packages/teleport/src/services/audit/types.ts index 5ea40023a62c8..e0a12014209b6 100644 --- a/web/packages/teleport/src/services/audit/types.ts +++ b/web/packages/teleport/src/services/audit/types.ts @@ -1534,7 +1534,7 @@ export type RawEvents = { /** * Event Code */ -export type EventCode = typeof eventCodes[keyof typeof eventCodes]; +export type EventCode = (typeof eventCodes)[keyof typeof eventCodes]; type HasName = { name: string; diff --git a/web/packages/teleport/src/services/integrations/types.ts b/web/packages/teleport/src/services/integrations/types.ts index fe8681fb5ef7e..99560bdf8335c 100644 --- a/web/packages/teleport/src/services/integrations/types.ts +++ b/web/packages/teleport/src/services/integrations/types.ts @@ -37,7 +37,7 @@ import { Node } from '../nodes'; export type Integration< T extends string = 'integration', K extends string = IntegrationKind, - S extends Record = IntegrationSpecAwsOidc + S extends Record = IntegrationSpecAwsOidc, > = { resourceType: T; kind: K; diff --git a/web/packages/teleterm/src/services/tshd/interceptors.test.ts b/web/packages/teleterm/src/services/tshd/interceptors.test.ts index 2e72ca784d872..f7f119afa7348 100644 --- a/web/packages/teleterm/src/services/tshd/interceptors.test.ts +++ b/web/packages/teleterm/src/services/tshd/interceptors.test.ts @@ -36,7 +36,7 @@ it('do not log sensitive info like password', () => { () => ({ sendMessageWithContext: () => {}, - } as unknown as InterceptingCall) + }) as unknown as InterceptingCall ); interceptor.sendMessage({ diff --git a/web/packages/teleterm/src/services/tshdEvents/index.ts b/web/packages/teleterm/src/services/tshdEvents/index.ts index 967a3f05c2e4a..435899896589d 100644 --- a/web/packages/teleterm/src/services/tshdEvents/index.ts +++ b/web/packages/teleterm/src/services/tshdEvents/index.ts @@ -153,7 +153,7 @@ function createService(logger: Logger): { >, Response extends ExtractResponseType< Parameters[1] - > + >, >( rpcName: RpcName, call: grpc.ServerUnaryCall, diff --git a/web/packages/teleterm/src/types.ts b/web/packages/teleterm/src/types.ts index 1b3bcfb9ba77c..28adaa7991d84 100644 --- a/web/packages/teleterm/src/types.ts +++ b/web/packages/teleterm/src/types.ts @@ -97,13 +97,11 @@ export type TshdEventContextBridgeService = { >; }; -export type ExtractRequestType = T extends ServerUnaryCall - ? Req - : never; +export type ExtractRequestType = + T extends ServerUnaryCall ? Req : never; -export type ExtractResponseType = T extends sendUnaryData - ? Res - : never; +export type ExtractResponseType = + T extends sendUnaryData ? Res : never; export type ElectronGlobals = { readonly mainProcessClient: MainProcessClient; diff --git a/web/packages/teleterm/src/ui/ConnectMyComputer/DocumentConnectMyComputer/Setup.tsx b/web/packages/teleterm/src/ui/ConnectMyComputer/DocumentConnectMyComputer/Setup.tsx index ca28602e047b5..accb5ebaac934 100644 --- a/web/packages/teleterm/src/ui/ConnectMyComputer/DocumentConnectMyComputer/Setup.tsx +++ b/web/packages/teleterm/src/ui/ConnectMyComputer/DocumentConnectMyComputer/Setup.tsx @@ -234,9 +234,8 @@ function AgentSetup() { let certsReloaded = false; try { - const response = await ctx.connectMyComputerService.createRole( - rootClusterUri - ); + const response = + await ctx.connectMyComputerService.createRole(rootClusterUri); certsReloaded = response.certsReloaded; } catch (error) { if (isAccessDeniedError(error)) { diff --git a/web/packages/teleterm/src/ui/ConnectMyComputer/NavigationMenu.tsx b/web/packages/teleterm/src/ui/ConnectMyComputer/NavigationMenu.tsx index a919b1c1cfc63..fc94e554444a7 100644 --- a/web/packages/teleterm/src/ui/ConnectMyComputer/NavigationMenu.tsx +++ b/web/packages/teleterm/src/ui/ConnectMyComputer/NavigationMenu.tsx @@ -96,12 +96,10 @@ export function NavigationMenu() { anchorOrigin={{ vertical: 'bottom', horizontal: 'left' }} transformOrigin={{ vertical: 'top', horizontal: 'left' }} onClose={() => setIsMenuOpened(false)} - menuListCss={() => - css` - display: flex; - flex-direction: column; - ` - } + menuListCss={() => css` + display: flex; + flex-direction: column; + `} > {isAgentConfiguredAttempt.status === 'processing' && ( { - const fileDialog = await ctx.mainProcessClient.showFileSaveDialog( - sourcePath - ); + const fileDialog = + await ctx.mainProcessClient.showFileSaveDialog(sourcePath); if (fileDialog.canceled) { return; } diff --git a/web/packages/teleterm/src/ui/DocumentTerminal/Terminal/Terminal.tsx b/web/packages/teleterm/src/ui/DocumentTerminal/Terminal/Terminal.tsx index fe27c4c52d529..b51605f63a810 100644 --- a/web/packages/teleterm/src/ui/DocumentTerminal/Terminal/Terminal.tsx +++ b/web/packages/teleterm/src/ui/DocumentTerminal/Terminal/Terminal.tsx @@ -53,9 +53,8 @@ type TerminalProps = { export function Terminal(props: TerminalProps) { const refElement = useRef(); const refCtrl = useRef(); - const [startPtyProcessAttempt, setStartPtyProcessAttempt] = useState< - Attempt - >(makeEmptyAttempt()); + const [startPtyProcessAttempt, setStartPtyProcessAttempt] = + useState>(makeEmptyAttempt()); const theme = useTheme(); useEffect(() => { diff --git a/web/packages/teleterm/src/ui/DocumentTerminal/Terminal/ctrl.ts b/web/packages/teleterm/src/ui/DocumentTerminal/Terminal/ctrl.ts index 5f83e4a721d52..fdae12dcad53e 100644 --- a/web/packages/teleterm/src/ui/DocumentTerminal/Terminal/ctrl.ts +++ b/web/packages/teleterm/src/ui/DocumentTerminal/Terminal/ctrl.ts @@ -41,7 +41,10 @@ export default class TtyTerminal { private logger = new Logger('lib/term/terminal'); private removePtyProcessOnDataListener: () => void; - constructor(private ptyProcess: IPtyProcess, private options: Options) { + constructor( + private ptyProcess: IPtyProcess, + private options: Options + ) { this.el = options.el; this.term = null; diff --git a/web/packages/teleterm/src/ui/Search/searchResult.ts b/web/packages/teleterm/src/ui/Search/searchResult.ts index 006dafffeb7bd..16f47dfcb9778 100644 --- a/web/packages/teleterm/src/ui/Search/searchResult.ts +++ b/web/packages/teleterm/src/ui/Search/searchResult.ts @@ -23,7 +23,7 @@ import type * as resourcesServiceTypes from 'teleterm/ui/services/resources'; import type { DocumentClusterResourceKind } from 'teleterm/ui/services/workspacesService'; type ResourceSearchResultBase< - Result extends resourcesServiceTypes.SearchResult + Result extends resourcesServiceTypes.SearchResult, > = Result & { labelMatches: LabelMatch[]; resourceMatches: ResourceMatch[]; @@ -85,7 +85,7 @@ export type LabelMatch = { }; export type ResourceMatch = { - field: typeof searchableFields[Kind][number]; + field: (typeof searchableFields)[Kind][number]; searchTerm: string; }; diff --git a/web/packages/teleterm/src/ui/TabHost/TabHost.test.tsx b/web/packages/teleterm/src/ui/TabHost/TabHost.test.tsx index ab9fb1ae6b45d..f34b3ca7c9143 100644 --- a/web/packages/teleterm/src/ui/TabHost/TabHost.test.tsx +++ b/web/packages/teleterm/src/ui/TabHost/TabHost.test.tsx @@ -81,7 +81,7 @@ function getTestSetup({ documents }: { documents: Document[] }) { const mainProcessClient: Partial = { openTabContextMenu: jest.fn(), - getRuntimeSettings: () => ({} as RuntimeSettings), + getRuntimeSettings: () => ({}) as RuntimeSettings, }; const docsService: Partial = { diff --git a/web/packages/teleterm/src/ui/Tabs/TabItem.tsx b/web/packages/teleterm/src/ui/Tabs/TabItem.tsx index b99704180590f..c1b486c9a2e69 100644 --- a/web/packages/teleterm/src/ui/Tabs/TabItem.tsx +++ b/web/packages/teleterm/src/ui/Tabs/TabItem.tsx @@ -181,7 +181,9 @@ const Title = styled(Text)` `; const BottomShadow = styled.div` - box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1.5px rgba(0, 0, 0, 0.13), + box-shadow: + 0 2px 1px -1px rgba(0, 0, 0, 0.2), + 0 1px 1.5px rgba(0, 0, 0, 0.13), 0 1px 4px rgba(0, 0, 0, 0.12); position: absolute; bottom: 0; diff --git a/web/packages/teleterm/src/ui/services/resources/resourcesService.ts b/web/packages/teleterm/src/ui/services/resources/resourcesService.ts index fcf8dadbc2609..fa78d7e3ae3dc 100644 --- a/web/packages/teleterm/src/ui/services/resources/resourcesService.ts +++ b/web/packages/teleterm/src/ui/services/resources/resourcesService.ts @@ -230,9 +230,9 @@ export type SearchResultResource = Kind extends 'server' ? SearchResultServer['resource'] : Kind extends 'app' - ? SearchResultApp['resource'] - : Kind extends 'database' - ? SearchResultDatabase['resource'] - : Kind extends 'kube' - ? SearchResultKube['resource'] - : never; + ? SearchResultApp['resource'] + : Kind extends 'database' + ? SearchResultDatabase['resource'] + : Kind extends 'kube' + ? SearchResultKube['resource'] + : never; diff --git a/web/packages/teleterm/src/ui/services/workspacesService/workspacesService.test.ts b/web/packages/teleterm/src/ui/services/workspacesService/workspacesService.test.ts index 6497cb5a09829..e5cd7156379a1 100644 --- a/web/packages/teleterm/src/ui/services/workspacesService/workspacesService.test.ts +++ b/web/packages/teleterm/src/ui/services/workspacesService/workspacesService.test.ts @@ -163,9 +163,8 @@ describe('setActiveWorkspace', () => { persistedWorkspaces: {}, }); - const { isAtDesiredWorkspace } = await workspacesService.setActiveWorkspace( - '/clusters/foo' - ); + const { isAtDesiredWorkspace } = + await workspacesService.setActiveWorkspace('/clusters/foo'); expect(isAtDesiredWorkspace).toBe(false); expect(workspacesService.getRootClusterUri()).toBeUndefined(); @@ -248,7 +247,7 @@ function getTestSetup(options: { } return clusterDocument; }, - } as Partial as DocumentsService); + }) as Partial as DocumentsService; return { workspacesService, clusterDocument, modalsService }; } diff --git a/yarn.lock b/yarn.lock index 9c0d090ae6f61..42e2bf99c6e38 100644 --- a/yarn.lock +++ b/yarn.lock @@ -12909,10 +12909,10 @@ prelude-ls@~1.1.2: resolved "https://registry.yarnpkg.com/prettier/-/prettier-2.3.0.tgz#b6a5bf1284026ae640f17f7ff5658a7567fc0d18" integrity sha512-kXtO4s0Lz/DW/IJ9QdWhAf7/NmPWQXkFr/r/WkR3vyI+0v8amTDxiaQSLzs8NBlytfLWX/7uQUMIW677yLKl4w== -prettier@^2.5.0: - version "2.5.0" - resolved "https://registry.yarnpkg.com/prettier/-/prettier-2.5.0.tgz#a6370e2d4594e093270419d9cc47f7670488f893" - integrity sha512-FM/zAKgWTxj40rH03VxzIPdXmj39SwSjwG0heUcNFwI+EMZJnY93yAiKXM3dObIKAM5TA88werc8T/EwhB45eg== +prettier@^3.2.5: + version "3.2.5" + resolved "https://registry.yarnpkg.com/prettier/-/prettier-3.2.5.tgz#e52bc3090586e824964a8813b09aba6233b28368" + integrity sha512-3/GWa9aOC0YeD7LUfvOG2NiDyhOWRvt1k+rcKhOuYnMY24iiCphgneUfJDyFXd6rZCAnuLBv6UeAULtrhT/F4A== pretty-error@^2.1.1: version "2.1.2"