Update import sorting

.eslintrc

@@ -55,8 +55,9 @@
         "groups": [
           // Side effect imports
           ["^\\u0000"],
-          ["^react", "^redux", "^prop-types", "^styled-components", "^formik", "^yup", "^@mui", "^webextension-polyfill"],
-          ["^(@|@pages|@components|@shared|@actions|@constants|@hooks|@reducers|@selectors|@services|@utils|@home)"],
+          ["^react", "^webextension-polyfill", "^prop-types", "^formik", "^yup", "^buffer", "^jwt"],
+          ["^@mui", "^styled-components"],
+          ["^(@|@background|@popup|@content|@pages|@components|@shared|@actions|@constants|@hooks|@oauth|@services|@utils)"],
           // Style imports
           ['^.+\.s?css$'],
           // Absolute imports and other imports such as Vue-style `@/foo`. Anything not matched in another group
@@ -86,7 +87,6 @@
           "@constants": "./src/shared/constants",
           "@hooks": "./src/shared/hooks",
           "@oauth": "./src/shared/oauth",
-          "@selectors": "./src/shared/selectors",
           "@services": "./src/shared/services",
           "@utils": "./src/shared/utils"
         }

jsconfig.json

@@ -21,7 +21,6 @@
       "@constants/*": ["shared/constants/*"],
       "@hooks/*": ["shared/hooks/*"],
       "@oauth/*": ["shared/oauth/*"],
-      "@selectors/*": ["shared/selectors/*"],
       "@services/*": ["shared/services/*"],
       "@utils/*": ["shared/utils/*"]
     }

src/content/Highlighter/Detail.jsx

@@ -1,7 +1,8 @@
 import React from 'react';
+import Browser from 'webextension-polyfill';
 import PropTypes from 'prop-types';
+
 import { Box } from '@mui/material';
-import Browser from 'webextension-polyfill';
 
 import menuBookIcon from '@/../assets/svgs/menu_book.svg';
 import speakerIcon from '@/../assets/svgs/speaker.svg';

src/popup/PopupManager/index.jsx

@@ -1,6 +1,6 @@
 import React, { useEffect, useState } from 'react';
-import PropTypes from 'prop-types';
 import Browser from 'webextension-polyfill';
+import PropTypes from 'prop-types';
 
 import { getStorage, setStorage } from '@browsers/storage';
 import { EXT_MSG_TYPE_COLLECTED_WORD_LIST_UPDATE, EXT_MSG_TYPE_CONFIG_UPDATE, EXT_MSG_TYPE_GET_WORD_LIST, EXT_MSG_TYPE_INIT_SETUP } from '@constants/messages';
@@ -42,6 +42,7 @@ const PopupManager = ({ children }) => {
    * Since this function is registered to the listener in the beginning, the setExtMessageValue becomes a "stale" version
    * Even if using the callback function syntax cannot let us get the latest value
    */
+  // eslint-disable-next-line no-unused-vars
   const onMessageListener = (message, sender, sendResponse) => {
     const sdr = sender.tab ? `from a content script :${sender.tab.url}` : 'from the extension';
     logger(`[popup] message received: ${message.type}. Sender: ${sdr}`);

src/popup/PopupView/BaseWrapper.jsx

@@ -1,5 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
+
 import { Box } from '@mui/material';
 
 const BaseWrapper = ({ children }) => (

src/popup/PopupView/CollectedWords.jsx

@@ -1,5 +1,6 @@
 import React, { useEffect, useMemo, useState } from 'react';
 import PropTypes from 'prop-types';
+
 import MenuBookIcon from '@mui/icons-material/MenuBook';
 import StarIcon from '@mui/icons-material/Star';
 import VolumeUpIcon from '@mui/icons-material/VolumeUp';

src/popup/PopupView/DailyWord.jsx

@@ -1,5 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
+
 import MenuBookIcon from '@mui/icons-material/MenuBook';
 import { Box, Typography } from '@mui/material';
 

src/popup/PopupView/Palette.jsx

@@ -1,5 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
+
 import { Box, Skeleton } from '@mui/material';
 
 import { HIGHLIGHTER_BG_COLORS_CODE } from '@constants/styles';

src/popup/PopupView/Profile.jsx

@@ -1,5 +1,6 @@
 import React, { useEffect, useState } from 'react';
 import PropTypes from 'prop-types';
+
 import GoogleIcon from '@mui/icons-material/Google';
 import LogoutIcon from '@mui/icons-material/Logout';
 import SentimentSatisfiedAltIcon from '@mui/icons-material/SentimentSatisfiedAlt';

src/popup/PopupView/Section.jsx

@@ -1,5 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
+
 import { Box } from '@mui/material';
 
 const Section = ({ children }) => (

src/popup/PopupView/SectionTitle.jsx

@@ -1,5 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
+
 import { FormHelperText } from '@mui/material';
 
 const SectionTitle = ({ children }) => <FormHelperText style={{ margin: '-3px 0 8px 0', lineHeight: '7px' }}>{children}</FormHelperText>;

src/popup/PopupView/Setting.jsx

@@ -1,5 +1,6 @@
 import React, { useState } from 'react';
 import PropTypes from 'prop-types';
+
 import { Box, Checkbox as MuiCheckBox, FormControlLabel, MenuItem, TextField } from '@mui/material';
 
 import { LANGS_DISPLAY, LANGS_SUPPORTED } from '@constants/i18n';

src/popup/PopupView/index.jsx

@@ -1,4 +1,5 @@
 import React, { useEffect, useReducer, useState } from 'react';
+
 import { Stack } from '@mui/material';
 
 import { getCurrentTab, sendMessage, sendMessageToTab } from '@browsers/message';

src/shared/constants/words/index.js

@@ -1,3 +1,5 @@
+/* eslint-disable */
+
 import { LANGS_SUPPORTED } from '@constants/i18n';
 
 import GRE_en from './gre/en';

src/shared/oauth/azure.js

@@ -1,12 +1,12 @@
+import { Buffer } from 'buffer';
+import jwtDecode from 'jwt-decode';
+
 import config from '@/config.js';
 import { getOauthRedirectUrl, getOauthScopes, launchWebAuthFlow } from '@browsers/identity';
 import oauthService from '@services/oauth.service';
 import { logger } from '@utils/logger';
 import { genShortRandomString } from '@utils/misc';
 
-import { Buffer } from 'buffer';
-import jwtDecode from 'jwt-decode';
-
 const AZURE_OAUTH_ENDPOINT = 'https://login.microsoftonline.com';
 
 const AZURE_OAUTH_AUTH_PATH = '/common/oauth2/v2.0/authorize';

vite.config.js

@@ -20,7 +20,6 @@ export default defineConfig({
       { find: '@constants', replacement: path.resolve(__dirname, 'src/shared/constants') },
       { find: '@hooks', replacement: path.resolve(__dirname, 'src/shared/hooks') },
       { find: '@oauth', replacement: path.resolve(__dirname, 'src/shared/oauth') },
-      { find: '@selectors', replacement: path.resolve(__dirname, 'src/shared/selectors') },
       { find: '@services', replacement: path.resolve(__dirname, 'src/shared/services') },
       { find: '@utils', replacement: path.resolve(__dirname, 'src/shared/utils') },
     ],