chore: run ts-migrate

1 files changed, 0 insertions, 272 deletions

diff --git a/src/components/Config.js b/src/components/Config.js
deleted file mode 100644
index f14f7d9..0000000
--- a/src/components/Config.js
+++ /dev/null
@@ -1,272 +0,0 @@
-import PropTypes from 'prop-types';
-import React from 'react';
-
-import {
-  getClashAPIConfig,
-  getLatencyTestUrl,
-  getSelectedChartStyleIndex,
-} from '../store/app';
-import { fetchConfigs, getConfigs, updateConfigs } from '../store/configs';
-import { openModal } from '../store/modals';
-import Button from './Button';
-import s0 from './Config.module.css';
-import ContentHeader from './ContentHeader';
-import Input, { SelfControlledInput } from './Input';
-import Selection from './Selection';
-import { connect, useStoreActions } from './StateProvider';
-import Switch from './SwitchThemed';
-import ToggleSwitch from './ToggleSwitch';
-import TrafficChartSample from './TrafficChartSample';
-
-const { useEffect, useState, useCallback, useRef, useMemo } = React;
-
-const propsList = [{ id: 0 }, { id: 1 }, { id: 2 }, { id: 3 }];
-
-const optionsRule = [
-  {
-    label: 'Global',
-    value: 'Global',
-  },
-  {
-    label: 'Rule',
-    value: 'Rule',
-  },
-  {
-    label: 'Direct',
-    value: 'Direct',
-  },
-];
-
-const optionsLogLevel = [
-  {
-    label: 'info',
-    value: 'info',
-  },
-  {
-    label: 'warning',
-    value: 'warning',
-  },
-  {
-    label: 'error',
-    value: 'error',
-  },
-  {
-    label: 'debug',
-    value: 'debug',
-  },
-  {
-    label: 'silent',
-    value: 'silent',
-  },
-];
-
-const portFields = [
-  { key: 'port', label: 'HTTP Proxy Port' },
-  { key: 'socks-port', label: 'SOCKS5 Proxy Port' },
-  { key: 'mixed-port', label: 'Mixed Port' },
-  { key: 'redir-port', label: 'Redir Port' },
-];
-
-const mapState = (s) => ({
-  configs: getConfigs(s),
-  apiConfig: getClashAPIConfig(s),
-});
-
-const mapState2 = (s) => ({
-  selectedChartStyleIndex: getSelectedChartStyleIndex(s),
-  latencyTestUrl: getLatencyTestUrl(s),
-  apiConfig: getClashAPIConfig(s),
-});
-
-const Config = connect(mapState2)(ConfigImpl);
-export default connect(mapState)(ConfigContainer);
-
-function ConfigContainer({ dispatch, configs, apiConfig }) {
-  useEffect(() => {
-    dispatch(fetchConfigs(apiConfig));
-  }, [dispatch, apiConfig]);
-  return <Config configs={configs} />;
-}
-
-function ConfigImpl({
-  dispatch,
-  configs,
-  selectedChartStyleIndex,
-  latencyTestUrl,
-  apiConfig,
-}) {
-  const [configState, setConfigStateInternal] = useState(configs);
-  const refConfigs = useRef(configs);
-  useEffect(() => {
-    if (refConfigs.current !== configs) {
-      setConfigStateInternal(configs);
-    }
-    refConfigs.current = configs;
-  }, [configs]);
-
-  const openAPIConfigModal = useCallback(() => {
-    dispatch(openModal('apiConfig'));
-  }, [dispatch]);
-
-  const setConfigState = useCallback(
-    (name, val) => {
-      setConfigStateInternal({
-        ...configState,
-        [name]: val,
-      });
-    },
-    [configState]
-  );
-
-  const handleSwitchOnChange = useCallback(
-    (checked) => {
-      const name = 'allow-lan';
-      const value = checked;
-      setConfigState(name, value);
-      dispatch(updateConfigs(apiConfig, { [name]: value }));
-    },
-    [apiConfig, dispatch, setConfigState]
-  );
-
-  const handleInputOnChange = useCallback(
-    (e) => {
-      const target = e.target;
-      const { name } = target;
-      const { value } = target;
-      switch (target.name) {
-        case 'mode':
-        case 'log-level':
-          setConfigState(name, value);
-          dispatch(updateConfigs(apiConfig, { [name]: value }));
-          break;
-        case 'redir-port':
-        case 'socks-port':
-        case 'mixed-port':
-        case 'port':
-          if (target.value !== '') {
-            const num = parseInt(target.value, 10);
-            if (num < 0 || num > 65535) return;
-          }
-          setConfigState(name, value);
-          break;
-        default:
-          return;
-      }
-    },
-    [apiConfig, dispatch, setConfigState]
-  );
-
-  const { selectChartStyleIndex, updateAppConfig } = useStoreActions();
-
-  const handleInputOnBlur = useCallback(
-    (e) => {
-      const target = e.target;
-      const { name, value } = target;
-      switch (name) {
-        case 'port':
-        case 'socks-port':
-        case 'mixed-port':
-        case 'redir-port': {
-          const num = parseInt(value, 10);
-          if (num < 0 || num > 65535) return;
-          dispatch(updateConfigs(apiConfig, { [name]: num }));
-          break;
-        }
-        case 'latencyTestUrl': {
-          updateAppConfig(name, value);
-          break;
-        }
-        default:
-          throw new Error(`unknown input name ${name}`);
-      }
-    },
-    [apiConfig, dispatch, updateAppConfig]
-  );
-
-  const mode = useMemo(() => {
-    const m = configState.mode;
-    return typeof m === 'string' && m[0].toUpperCase() + m.slice(1);
-  }, [configState.mode]);
-
-  return (
-    <div>
-      <ContentHeader title="Config" />
-      <div className={s0.root}>
-        {portFields.map((f) =>
-          configState[f.key] !== undefined ? (
-            <div key={f.key}>
-              <div className={s0.label}>{f.label}</div>
-              <Input
-                name={f.key}
-                value={configState[f.key]}
-                onChange={handleInputOnChange}
-                onBlur={handleInputOnBlur}
-              />
-            </div>
-          ) : null
-        )}
-        <div>
-          <div className={s0.label}>Allow LAN</div>
-          <Switch
-            name="allow-lan"
-            checked={configState['allow-lan']}
-            onChange={handleSwitchOnChange}
-          />
-        </div>
-
-        <div>
-          <div className={s0.label}>Mode</div>
-          <ToggleSwitch
-            options={optionsRule}
-            name="mode"
-            value={mode}
-            onChange={handleInputOnChange}
-          />
-        </div>
-
-        <div>
-          <div className={s0.label}>Log Level</div>
-          <ToggleSwitch
-            options={optionsLogLevel}
-            name="log-level"
-            value={configState['log-level']}
-            onChange={handleInputOnChange}
-          />
-        </div>
-      </div>
-
-      <div className={s0.sep}>
-        <div />
-      </div>
-
-      <div className={s0.section}>
-        <div>
-          <div className={s0.label}>Chart Style</div>
-          <Selection
-            OptionComponent={TrafficChartSample}
-            optionPropsList={propsList}
-            selectedIndex={selectedChartStyleIndex}
-            onChange={selectChartStyleIndex}
-          />
-        </div>
-        <div style={{ maxWidth: 360 }}>
-          <div className={s0.label}>Latency Test URL</div>
-          <SelfControlledInput
-            name="latencyTestUrl"
-            type="text"
-            value={latencyTestUrl}
-            onBlur={handleInputOnBlur}
-          />
-        </div>
-        <div>
-          <div className={s0.label}>Action</div>
-          <Button label="Switch backend" onClick={openAPIConfigModal} />
-        </div>
-      </div>
-    </div>
-  );
-}
-
-Config.propTypes = {
-  configs: PropTypes.object,
-};