Fix code formatting in Preview Web UI

core/trino-web-ui/src/main/resources/webapp-preview/package.json

@@ -10,8 +10,8 @@
     "package": "npm install && npm run build",
     "package:clean": "npm clean-install && npm run build",
     "preview": "vite preview",
-    "prettier:format": "prettier --write \"./src/*.{ts,tsx}\"",
-    "prettier:check": "prettier --check \"./src/*.{ts,tsx}\"",
+    "prettier:format": "prettier --write \"./src/**/*.{ts,tsx}\"",
+    "prettier:check": "prettier --check \"./src/**/*.{ts,tsx}\"",
     "check": "npm install && npm run lint && npm run prettier:check",
     "check:clean": "npm clean-install && npm run lint && npm run prettier:check"
   },

core/trino-web-ui/src/main/resources/webapp-preview/src/api/base.ts

@@ -20,7 +20,7 @@ export interface ApiResponse<T> {
 }
 
 export class ClientApi {
-    axiosInstance: AxiosInstance = axios.create();
+    axiosInstance: AxiosInstance = axios.create()
 
     paramsToQueryString = (params: Record<string, string>): string => {
         let queryString = ''
@@ -32,13 +32,13 @@ export class ClientApi {
 
     fetchData = async <T, P = undefined>(url: string, method: 'GET' | 'POST', params?: P): Promise<ApiResponse<T>> => {
         try {
-            let response: AxiosResponse<T>;
+            let response: AxiosResponse<T>
             if (method === 'GET') {
                 response = await this.axiosInstance.get(url)
             } else if (method === 'POST') {
                 response = await this.axiosInstance.post(url, params)
             } else {
-                throw new Error(`Unsupported HTTP method: ${method}`);
+                throw new Error(`Unsupported HTTP method: ${method}`)
             }
             return {
                 status: response.status,
@@ -53,17 +53,17 @@ export class ClientApi {
                     message: axiosError.message,
                 }
             }
-            throw error;
+            throw error
         }
     }
 
     get = async <T>(url: string, params: Record<string, string> = {}): Promise<ApiResponse<T>> => {
-        return this.fetchData(url + this.paramsToQueryString(params), 'GET');
+        return this.fetchData(url + this.paramsToQueryString(params), 'GET')
     }
 
-    post = async<T>(url: string, body: Record<string, string> = {}): Promise<ApiResponse<T>> => {
-        return this.fetchData(url, 'POST', body);
+    post = async <T>(url: string, body: Record<string, string> = {}): Promise<ApiResponse<T>> => {
+        return this.fetchData(url, 'POST', body)
     }
 }
 
-export const api = new ClientApi();
+export const api = new ClientApi()

core/trino-web-ui/src/main/resources/webapp-preview/src/api/webapp/api.ts

@@ -14,17 +14,17 @@
 import { api, ApiResponse } from '../base.ts'
 
 export interface Stats {
-    runningQueries: number;
-    blockedQueries: number;
-    queuedQueries: number;
-    activeCoordinators: number;
-    activeWorkers: number;
-    runningDrivers: number;
-    totalAvailableProcessors: number;
-    reservedMemory: number;
-    totalInputRows: number;
-    totalInputBytes: number;
-    totalCpuTimeSecs: number;
+    runningQueries: number
+    blockedQueries: number
+    queuedQueries: number
+    activeCoordinators: number
+    activeWorkers: number
+    runningDrivers: number
+    totalAvailableProcessors: number
+    reservedMemory: number
+    totalInputRows: number
+    totalInputBytes: number
+    totalCpuTimeSecs: number
 }
 
 export async function statsApi(): Promise<ApiResponse<Stats>> {

core/trino-web-ui/src/main/resources/webapp-preview/src/api/webapp/auth.ts

@@ -11,26 +11,25 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import { api, ApiResponse } from "../base";
+import { api, ApiResponse } from '../base'
 
-export interface AuthInfo
-{
-    authType: "insecure" | "form" | "fixed" | "oauth2" | null;
-    passwordAllowed: boolean;
-    authenticated: boolean;
-    username?: string;
+export interface AuthInfo {
+    authType: 'insecure' | 'form' | 'fixed' | 'oauth2' | null
+    passwordAllowed: boolean
+    authenticated: boolean
+    username?: string
 }
 
-export type Empty = object;
+export type Empty = object
 
 export async function authInfoApi(): Promise<ApiResponse<AuthInfo>> {
-  return api.get('/ui/preview/auth/info')
+    return api.get('/ui/preview/auth/info')
 }
 
 export async function loginApi(body: Record<string, string>): Promise<ApiResponse<Empty>> {
-  return api.post('/ui/preview/auth/login', body)
+    return api.post('/ui/preview/auth/login', body)
 }
 
 export async function logoutApi(): Promise<ApiResponse<Empty>> {
-  return api.get('/ui/preview/auth/logout')
+    return api.get('/ui/preview/auth/logout')
 }

core/trino-web-ui/src/main/resources/webapp-preview/src/components/Auth.tsx

@@ -11,33 +11,32 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import { Box, CircularProgress, Alert, Typography } from "@mui/material";
+import { Box, CircularProgress, Alert, Typography } from '@mui/material'
 import { useAuth } from './AuthContext'
-import { Texts } from "../constant";
-import { Login } from './Login';
+import { Texts } from '../constant'
+import { Login } from './Login'
 
 export const Auth = () => {
-  const { authInfo, error, loading } = useAuth();
+    const { authInfo, error, loading } = useAuth()
 
-  if (!authInfo) {
-      return (
-          <Box sx={{ p: 10 }} display="flex" flexDirection="column"  alignItems="center" justifyContent="center">
-            {loading ?
-              <>
-                <CircularProgress/>
-                <Typography mt={2}>{Texts.Auth.Authenticating}</Typography>
-              </> : error &&
-              <Alert severity="error">
-                {error}
-              </Alert>
-            }
-          </Box>
-      )
-  }
+    if (!authInfo) {
+        return (
+            <Box sx={{ p: 10 }} display="flex" flexDirection="column" alignItems="center" justifyContent="center">
+                {loading ? (
+                    <>
+                        <CircularProgress />
+                        <Typography mt={2}>{Texts.Auth.Authenticating}</Typography>
+                    </>
+                ) : (
+                    error && <Alert severity="error">{error}</Alert>
+                )}
+            </Box>
+        )
+    }
 
-  if (authInfo.authType === 'form' && !authInfo?.authenticated) {
-    return <Login passwordAllowed={authInfo.passwordAllowed} />
-  }
+    if (authInfo.authType === 'form' && !authInfo?.authenticated) {
+        return <Login passwordAllowed={authInfo.passwordAllowed} />
+    }
 
-  return <div>{Texts.Auth.NotImplementedAuthType}</div>
+    return <div>{Texts.Auth.NotImplementedAuthType}</div>
 }

core/trino-web-ui/src/main/resources/webapp-preview/src/components/AuthContext.ts

@@ -11,27 +11,27 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import { createContext, useContext } from "react";
-import { AuthInfo } from '../api/webapp/auth';
+import { createContext, useContext } from 'react'
+import { AuthInfo } from '../api/webapp/auth'
 
 export interface LogoutParams {
-  redirect?: boolean;
+    redirect?: boolean
 }
 
 interface AuthContextType {
-  authInfo: AuthInfo | null;
-  login: (username: string, password: string) => Promise<void>;
-  logout: (params: LogoutParams) => void;
-  loading: boolean;
-  error: string | null;
+    authInfo: AuthInfo | null
+    login: (username: string, password: string) => Promise<void>
+    logout: (params: LogoutParams) => void
+    loading: boolean
+    error: string | null
 }
 
-export const AuthContext = createContext<AuthContextType | undefined>(undefined);
+export const AuthContext = createContext<AuthContextType | undefined>(undefined)
 
 export const useAuth = (): AuthContextType => {
-  const context = useContext(AuthContext);
-  if (context === undefined) {
-    throw new Error('AuthContext must be used within an AuthProvider');
-  }
-  return context;
-};
+    const context = useContext(AuthContext)
+    if (context === undefined) {
+        throw new Error('AuthContext must be used within an AuthProvider')
+    }
+    return context
+}