Run prettier

src/api/connections.ts

@@ -61,8 +61,14 @@ export function fetchData(apiConfig: ClashAPIConfig, listener: unknown): Unsubsc
   const ws = new WebSocket(url);
 
   let frozenState = false;
-  const onFrozen = () => { frozenState = true; ws.close(); },
-    onResume = () => { frozenState = false; fetchData(apiConfig, undefined); };
+  const onFrozen = () => {
+      frozenState = true;
+      ws.close();
+    },
+    onResume = () => {
+      frozenState = false;
+      fetchData(apiConfig, undefined);
+    };
   document.addEventListener('freeze', onFrozen, { capture: true, once: true });
   document.addEventListener('resume', onResume, { capture: true, once: true });
 

src/api/logs.ts

@@ -146,6 +146,6 @@ function fetchLogsWithFetch(apiConfig: LogsAPIConfig, appendLog: AppendLogFn) {
 
       // eslint-disable-next-line no-console
       console.log('GET /logs error:', err.message);
-    }
+    },
   );
 }

src/api/proxies.ts

@@ -25,7 +25,7 @@ export async function fetchProxies(config: ClashAPIConfig) {
 export async function requestToSwitchProxy(
   apiConfig: ClashAPIConfig,
   groupName: string,
-  name: string
+  name: string,
 ) {
   const body = { name };
   const { url, init } = getURLAndInit(apiConfig);
@@ -41,7 +41,7 @@ export async function requestToSwitchProxy(
 export async function requestDelayForProxy(
   apiConfig: ClashAPIConfig,
   name: string,
-  latencyTestUrl = 'http://www.gstatic.com/generate_204'
+  latencyTestUrl = 'http://www.gstatic.com/generate_204',
 ) {
   const { url, init } = getURLAndInit(apiConfig);
   const qs = `timeout=5000&url=${encodeURIComponent(latencyTestUrl)}`;
@@ -69,6 +69,6 @@ export async function healthcheckProviderByName(config: ClashAPIConfig, name: st
   const options = { ...init, method: 'GET' };
   return await fetch(
     url + '/providers/proxies/' + encodeURIComponent(name) + '/healthcheck',
-    options
+    options,
   );
 }

src/api/rules.ts

@@ -15,7 +15,7 @@ type RuleAPIItem = {
 function normalizeAPIResponse(json: { rules: Array<RuleAPIItem> }): Array<RuleItem> {
   invariant(
     json.rules && json.rules.length >= 0,
-    'there is no valid rules list in the rules API response'
+    'there is no valid rules list in the rules API response',
   );
 
   // attach an id

src/api/traffic.ts

@@ -7,7 +7,7 @@ const textDecoder = new TextDecoder('utf-8');
 
 const Size = 150;
 
-type Traffic = { up: number; down: number }
+type Traffic = { up: number; down: number };
 
 const traffic = {
   labels: Array(Size).fill(0),
@@ -85,7 +85,10 @@ function fetchData(apiConfig: ClashAPIConfig) {
   const ws = new WebSocket(url);
 
   let frozenState = false;
-  const onFrozen = () => { frozenState = true; ws.close(); },
+  const onFrozen = () => {
+      frozenState = true;
+      ws.close();
+    },
     onResume = () => {
       frozenState = false;
 
@@ -99,10 +102,10 @@ function fetchData(apiConfig: ClashAPIConfig) {
   document.addEventListener('freeze', onFrozen, { capture: true, once: true });
   document.addEventListener('resume', onResume, { capture: true, once: true });
 
-  ws.addEventListener('error', function(_ev) {
+  ws.addEventListener('error', function (_ev) {
     wsState = 3;
   });
-  ws.addEventListener('close', function(_ev) {
+  ws.addEventListener('close', function (_ev) {
     wsState = 3;
     if (!frozenState) {
       // For unexpected close, remove listeners and re-fetch
@@ -112,7 +115,7 @@ function fetchData(apiConfig: ClashAPIConfig) {
       fetchDataWithFetch(apiConfig);
     }
   });
-  ws.addEventListener('message', function(event) {
+  ws.addEventListener('message', function (event) {
     parseAndAppend(event.data);
   });
   return traffic;
@@ -135,7 +138,7 @@ function fetchDataWithFetch(apiConfig: ClashAPIConfig) {
       // eslint-disable-next-line no-console
       console.log('fetch /traffic error', err);
       fetched = false;
-    }
+    },
   );
   return traffic;
 }

src/api/version.ts

@@ -8,7 +8,7 @@ type VersionData = {
 
 export async function fetchVersion(
   endpoint: string,
-  apiConfig: ClashAPIConfig
+  apiConfig: ClashAPIConfig,
 ): Promise<VersionData> {
   let json = {};
   try {

src/app.tsx

@@ -43,7 +43,7 @@ Modal.setAppElement(rootEl);
 root.render(
   <React.StrictMode>
     <Root />
-  </React.StrictMode>
+  </React.StrictMode>,
 );
 
 setTimeout(() => {

src/components/APIConfig.tsx

@@ -73,7 +73,7 @@ function APIConfig({ dispatch }: { dispatch: DispatchFn }) {
 
       onConfirm();
     },
-    [onConfirm]
+    [onConfirm],
   );
 
   const detectApiServer = async () => {

src/components/APIDiscovery.tsx

@@ -15,10 +15,14 @@ import { connect } from './StateProvider';
 
 const { useCallback, useEffect } = React;
 
-function APIDiscovery({ dispatch, apiConfig, modals }: {
-  dispatch: DispatchFn,
-  apiConfig: ClashAPIConfig,
-  modals: StateModals,
+function APIDiscovery({
+  dispatch,
+  apiConfig,
+  modals,
+}: {
+  dispatch: DispatchFn;
+  apiConfig: ClashAPIConfig;
+  modals: StateModals;
 }) {
   if (!window.fetch) {
     const { detail } = errors[DOES_NOT_SUPPORT_FETCH];

src/components/BackendList.tsx

@@ -34,13 +34,13 @@ function BackendListImpl({
     (conf: ClashAPIConfig) => {
       removeClashAPIConfig(conf);
     },
-    [removeClashAPIConfig]
+    [removeClashAPIConfig],
   );
   const onSelect = React.useCallback(
     (conf: ClashAPIConfig) => {
       selectClashAPIConfig(conf);
     },
-    [selectClashAPIConfig]
+    [selectClashAPIConfig],
   );
 
   return (

src/components/Button.tsx

@@ -41,12 +41,12 @@ function Button(props: ButtonProps, ref: React.Ref<HTMLButtonElement>) {
       if (isLoading) return;
       onClick && onClick(e);
     },
-    [isLoading, onClick]
+    [isLoading, onClick],
   );
   const btnClassName = cx(
     s0.btn,
     { [s0.minimal]: kind === 'minimal', [s0.circular]: kind === 'circular' },
-    className
+    className,
   );
   return (
     <button

src/components/CollapsibleSectionHeader.tsx

@@ -22,7 +22,7 @@ export default function Header({ name, type, toggle, isOpen, qty }: Props) {
         toggle();
       }
     },
-    [toggle]
+    [toggle],
   );
   return (
     <div

src/components/Config.tsx

@@ -63,10 +63,14 @@ const mapState2 = (s: State) => ({
 const Config = connect(mapState2)(ConfigImpl);
 export default connect(mapState)(ConfigContainer);
 
-function ConfigContainer({ dispatch, configs, apiConfig }: {
-  dispatch: DispatchFn,
-  configs: ClashGeneralConfig,
-  apiConfig: ClashAPIConfig,
+function ConfigContainer({
+  dispatch,
+  configs,
+  apiConfig,
+}: {
+  dispatch: DispatchFn;
+  configs: ClashGeneralConfig;
+  apiConfig: ClashAPIConfig;
 }) {
   useEffect(() => {
     dispatch(fetchConfigs(apiConfig));
@@ -106,7 +110,7 @@ function ConfigImpl({
     (name: keyof ClashGeneralConfig, val: ClashGeneralConfig[keyof ClashGeneralConfig]) => {
       setConfigStateInternal({ ...configState, [name]: val });
     },
-    [configState]
+    [configState],
   );
 
   const handleSwitchOnChange = useCallback(
@@ -116,7 +120,7 @@ function ConfigImpl({
       setConfigState(name, value);
       dispatch(updateConfigs(apiConfig, { 'allow-lan': value }));
     },
-    [apiConfig, dispatch, setConfigState]
+    [apiConfig, dispatch, setConfigState],
   );
 
   const handleChangeValue = useCallback(
@@ -144,12 +148,12 @@ function ConfigImpl({
           return;
       }
     },
-    [apiConfig, dispatch, setConfigState]
+    [apiConfig, dispatch, setConfigState],
   );
 
   const handleInputOnChange = useCallback<React.ChangeEventHandler<HTMLInputElement>>(
     (e) => handleChangeValue(e.target),
-    [handleChangeValue]
+    [handleChangeValue],
   );
 
   const { selectChartStyleIndex, updateAppConfig } = useStoreActions();
@@ -176,7 +180,7 @@ function ConfigImpl({
           throw new Error(`unknown input name ${name}`);
       }
     },
-    [apiConfig, dispatch, updateAppConfig]
+    [apiConfig, dispatch, updateAppConfig],
   );
 
   const mode = useMemo(() => {
@@ -201,7 +205,7 @@ function ConfigImpl({
                 onBlur={handleInputOnBlur}
               />
             </div>
-          ) : null
+          ) : null,
         )}
 
         <div>

src/components/ConnectionTable.module.scss

@@ -24,13 +24,13 @@
     white-space: nowrap;
   }
   td {
-    border:none;
+    border: none;
     white-space: nowrap;
     padding: 8px 13px;
     font-size: 0.9em;
     font-family: var(--font-normal);
   }
-  & >tbody>tr:nth-of-type(odd)>* {
+  & > tbody > tr:nth-of-type(odd) > * {
     background: var(--color-row-odd);
   }
 }