chore(platform): eslint add react-refresh

Author: xiejay97

package.json

@@ -76,6 +76,7 @@
  "eslint-plugin-prettier": "^4.2.1",
  "eslint-plugin-react": "^7.31.11",
  "eslint-plugin-react-hooks": "^4.6.0",
+ "eslint-plugin-react-refresh": "^0.4.1",
  "eslint-plugin-tsdoc": "^0.2.17",
  "fs-extra": "^11.1.0",
  "glob": "^8.0.3",

packages/platform/.eslintrc.json

@@ -1,6 +1,7 @@
 {
  "extends": ["plugin:@nrwl/nx/react", "../../.eslintrc.json"],
  "ignorePatterns": ["!**/*"],
+ "plugins": ["react-refresh"],
  "overrides": [
  {
  "files": ["*.ts", "*.tsx", "*.js", "*.jsx"],
@@ -10,7 +11,8 @@
  {
  "additionalHooks": "(useIsomorphicLayoutEffect)"
  }
- ]
+ ],
+ "react-refresh/only-export-components": "warn"
  }
  },
  {

packages/platform/src/app/App.tsx

@@ -10,11 +10,11 @@ import { useAsync, useMount, useStorage } from '@react-devui/hooks';
 import { DNotification, DToast } from '@react-devui/ui';
 import { DRoot } from '@react-devui/ui';
 
-import { AppRoutes } from './Routes';
+import AppRoutes from './Routes';
 import { STORAGE_KEY } from './config/storage';
 import { GlobalStore, TOKEN, useHttp, useInit } from './core';
 
-export function App() {
+function App() {
  const http = useHttp();
  const init = useInit();
  const async = useAsync();

packages/platform/src/app/Routes.tsx

@@ -78,7 +78,7 @@ export interface NonIndexRouteItemInput extends Omit<NonIndexRouteObject, 'child
 export type RouteItemInput = IndexRouteItemInput | NonIndexRouteItemInput;
 
 // I have a great implementation of route caching, but considering the synchronization of data between pages (like modifying list or detail page data), I ended up not introducing route caching.
-export const AppRoutes = React.memo(() => {
+const AppRoutes = React.memo(() => {
  const ACLGuard = useACLGuard();
  const tokenGuard = useTokenGuard();
  const location = useLocation();
@@ -276,3 +276,5 @@ export const AppRoutes = React.memo(() => {
  </RouteStateContext.Provider>
  );
 });
+
+export default AppRoutes;

packages/platform/src/app/routes/dashboard/amap/AMap.tsx

@@ -9,7 +9,7 @@ import points from './points';
 
 import styles from './AMap.module.scss';
 
-export default AppRoute(() => {
+const AMap = AppRoute(() => {
  const [mapTmp, setMapTmp] = useState('Marker');
  const [infoWindow, setInfoWindow] = useImmer<{ visible: boolean; position?: [number, number] }>({ visible: false });
 
@@ -68,3 +68,5 @@ export default AppRoute(() => {
  </div>
  );
 });
+
+export default AMap;

packages/platform/src/app/routes/dashboard/echarts/ECharts.tsx

@@ -10,7 +10,7 @@ import { barOptions, lineOptions, nightingaleOptions, pieOptions, scatterOptions
 
 import styles from './ECharts.module.scss';
 
-export default AppRoute(() => {
+const ECharts = AppRoute(() => {
  const [options, setOptions] = useState<echarts.EChartsOption[]>([]);
  const { t } = useTranslation();
 
@@ -45,3 +45,5 @@ export default AppRoute(() => {
  </>
  );
 });
+
+export default ECharts;

packages/platform/src/app/routes/exception/Exception.tsx

@@ -11,7 +11,7 @@ import { ReactComponent as S500 } from './500.svg';
 
 import styles from './Exception.module.scss';
 
-export default AppRoute(() => {
+const Exception = AppRoute(() => {
  const { t } = useTranslation();
  const navigate = useNavigate();
 
@@ -34,3 +34,5 @@ export default AppRoute(() => {
  </div>
  );
 });
+
+export default Exception;

packages/platform/src/app/routes/list/standard-table/StandardTable.tsx

@@ -28,7 +28,7 @@ interface DeviceQueryParams {
  pageSize: number;
 }
 
-export default AppRoute(() => {
+const StandardTable = AppRoute(() => {
  const { t } = useTranslation();
  const http = useHttp();
  const modelApi = useAPI(http, '/device/model');
@@ -377,3 +377,5 @@ export default AppRoute(() => {
  </>
  );
 });
+
+export default StandardTable;

packages/platform/src/app/routes/list/standard-table/detail/Detail.tsx

@@ -16,7 +16,7 @@ import { AppDeviceModal } from '../DeviceModal';
 
 import styles from './Detail.module.scss';
 
-export default AppRoute(() => {
+const Detail = AppRoute(() => {
  const { t } = useTranslation();
 
  const http = useHttp();
@@ -137,3 +137,5 @@ export default AppRoute(() => {
  </>
  );
 });
+
+export default Detail;

packages/platform/src/app/routes/login/Login.tsx

@@ -20,7 +20,7 @@ import { BASE64_DATA } from './base64.out';
 
 import styles from './Login.module.scss';
 
-export default AppRoute(() => {
+const Login = AppRoute(() => {
  const { t } = useTranslation();
  const http = useHttp();
  const [loginloading, setLoginLoading] = useState(false);
@@ -210,3 +210,5 @@ export default AppRoute(() => {
  </div>
  );
 });
+
+export default Login;