feat: make this app compatible with rsbuild

.eslintrc.js

@@ -8,15 +8,13 @@ const config = createConfig('eslint', {
     'import/no-import-module-exports': 'off',
     'spaced-comment': ['error', 'always', { 'block': { 'exceptions': ['*'] } }],
   },
-});
-
-config.settings = {
-  "import/resolver": {
-    node: {
-      paths: ["src", "node_modules"],
-      extensions: [".js", ".jsx"],
+  settings: {
+    'import/resolver': {
+      webpack: {
+        config: 'webpack.prod.config.js',
+      },
     },
-  },
-};
+  }
+});
 
 module.exports = config;

jest.config.js

@@ -6,6 +6,9 @@ module.exports = createConfig('jest', {
     '<rootDir>/src/setupTest.jsx',
   ],
   modulePaths: ['<rootDir>/src/'],
+  moduleNameMapper: {
+    '@src/(.*)': '<rootDir>/src/$1',
+  },
   coveragePathIgnorePatterns: [
     'src/segment.js',
     'src/postcss.config.js',

package.json

@@ -76,6 +76,7 @@
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.2.0",
     "copy-webpack-plugin": "^12.0.0",
+    "eslint-import-resolver-webpack": "^0.13.9",
     "identity-obj-proxy": "^3.0.0",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",

src/App.jsx

@@ -9,21 +9,21 @@ import { ErrorPage, AppContext } from '@edx/frontend-platform/react';
 import FooterSlot from '@openedx/frontend-slot-footer';
 import { Alert } from '@openedx/paragon';
 
-import { RequestKeys } from 'data/constants/requests';
-import store from 'data/store';
+import { RequestKeys } from '@src/data/constants/requests';
+import store from '@src/data/store';
 import {
   selectors,
   actions,
-} from 'data/redux';
-import { reduxHooks } from 'hooks';
-import Dashboard from 'containers/Dashboard';
+} from '@src/data/redux';
+import { reduxHooks } from '@src/hooks';
+import Dashboard from '@src/containers/Dashboard';
 
-import track from 'tracking';
+import track from '@src/tracking';
 
-import fakeData from 'data/services/lms/fakeData/courses';
+import fakeData from '@src/data/services/lms/fakeData/courses';
 
-import AppWrapper from 'containers/WidgetContainers/AppWrapper';
-import LearnerDashboardHeader from 'containers/LearnerDashboardHeader';
+import AppWrapper from '@src/containers/WidgetContainers/AppWrapper';
+import LearnerDashboardHeader from '@src/containers/LearnerDashboardHeader';
 
 import { getConfig } from '@edx/frontend-platform';
 import messages from './messages';

src/App.test.jsx

@@ -5,11 +5,11 @@ import { shallow } from '@edx/react-unit-test-utils';
 import { useIntl } from '@edx/frontend-platform/i18n';
 import { getConfig } from '@edx/frontend-platform';
 
-import { RequestKeys } from 'data/constants/requests';
-import { reduxHooks } from 'hooks';
-import Dashboard from 'containers/Dashboard';
-import LearnerDashboardHeader from 'containers/LearnerDashboardHeader';
-import AppWrapper from 'containers/WidgetContainers/AppWrapper';
+import { RequestKeys } from '@src/data/constants/requests';
+import { reduxHooks } from '@src/hooks';
+import Dashboard from '@src/containers/Dashboard';
+import LearnerDashboardHeader from '@src/containers/LearnerDashboardHeader';
+import AppWrapper from '@src/containers/WidgetContainers/AppWrapper';
 import { App } from './App';
 import messages from './messages';
 

src/components/NoticesWrapper/hooks.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { getConfig } from '@edx/frontend-platform';
 
-import { StrictDict } from 'utils';
+import { StrictDict } from '@src/utils';
 import { getNotices } from './api';
 import * as module from './hooks';
 

src/components/NoticesWrapper/hooks.test.js

@@ -1,6 +1,6 @@
 import React from 'react';
 
-import { MockUseState } from 'testUtils';
+import { MockUseState } from '@src/testUtils';
 
 import { getConfig } from '@edx/frontend-platform';
 import { getNotices } from './api';

src/containers/CourseCard/components/CourseCardActions/BeginCourseButton.jsx

@@ -3,8 +3,8 @@ import PropTypes from 'prop-types';
 
 import { useIntl } from '@edx/frontend-platform/i18n';
 
-import track from 'tracking';
-import { reduxHooks } from 'hooks';
+import track from '@src/tracking';
+import { reduxHooks } from '@src/hooks';
 import useActionDisabledState from '../hooks';
 import ActionButton from './ActionButton';
 import messages from './messages';

src/containers/CourseCard/components/CourseCardActions/BeginCourseButton.test.jsx

@@ -1,7 +1,7 @@
 import { shallow } from '@edx/react-unit-test-utils';
 
-import { reduxHooks } from 'hooks';
-import track from 'tracking';
+import { reduxHooks } from '@src/hooks';
+import track from '@src/tracking';
 import useActionDisabledState from '../hooks';
 import BeginCourseButton from './BeginCourseButton';
 

src/containers/CourseCard/components/CourseCardActions/ResumeButton.jsx

@@ -3,8 +3,8 @@ import PropTypes from 'prop-types';
 
 import { useIntl } from '@edx/frontend-platform/i18n';
 
-import track from 'tracking';
-import { reduxHooks } from 'hooks';
+import track from '@src/tracking';
+import { reduxHooks } from '@src/hooks';
 import useActionDisabledState from '../hooks';
 import ActionButton from './ActionButton';
 import messages from './messages';

src/containers/CourseCard/components/CourseCardActions/ResumeButton.test.jsx

@@ -1,7 +1,7 @@
 import { shallow } from '@edx/react-unit-test-utils';
 
-import { reduxHooks } from 'hooks';
-import track from 'tracking';
+import { reduxHooks } from '@src/hooks';
+import track from '@src/tracking';
 import useActionDisabledState from '../hooks';
 import ResumeButton from './ResumeButton';
 

src/containers/CourseCard/components/CourseCardActions/SelectSessionButton.jsx

@@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
 
 import { useIntl } from '@edx/frontend-platform/i18n';
 
-import { reduxHooks } from 'hooks';
+import { reduxHooks } from '@src/hooks';
 import useActionDisabledState from '../hooks';
 import ActionButton from './ActionButton';
 import messages from './messages';

src/containers/CourseCard/components/CourseCardActions/SelectSessionButton.test.jsx

@@ -1,6 +1,6 @@
 import { shallow } from '@edx/react-unit-test-utils';
 
-import { reduxHooks } from 'hooks';
+import { reduxHooks } from '@src/hooks';
 import useActionDisabledState from '../hooks';
 
 import SelectSessionButton from './SelectSessionButton';

src/containers/CourseCard/components/CourseCardActions/ViewCourseButton.jsx

@@ -3,8 +3,8 @@ import PropTypes from 'prop-types';
 
 import { useIntl } from '@edx/frontend-platform/i18n';
 
-import track from 'tracking';
-import { reduxHooks } from 'hooks';
+import track from '@src/tracking';
+import { reduxHooks } from '@src/hooks';
 import useActionDisabledState from '../hooks';
 import ActionButton from './ActionButton';
 import messages from './messages';

src/containers/CourseCard/components/CourseCardActions/ViewCourseButton.test.jsx

@@ -1,7 +1,7 @@
 import { shallow } from '@edx/react-unit-test-utils';
 
-import track from 'tracking';
-import { reduxHooks } from 'hooks';
+import track from '@src/tracking';
+import { reduxHooks } from '@src/hooks';
 import useActionDisabledState from '../hooks';
 import ViewCourseButton from './ViewCourseButton';
 

src/containers/CourseCard/components/CourseCardActions/index.jsx

@@ -3,9 +3,9 @@ import PropTypes from 'prop-types';
 
 import { ActionRow } from '@openedx/paragon';
 
-import { reduxHooks } from 'hooks';
+import { reduxHooks } from '@src/hooks';
 
-import CourseCardActionSlot from 'plugin-slots/CourseCardActionSlot';
+import CourseCardActionSlot from '@src/plugin-slots/CourseCardActionSlot';
 import SelectSessionButton from './SelectSessionButton';
 import BeginCourseButton from './BeginCourseButton';
 import ResumeButton from './ResumeButton';

src/containers/CourseCard/components/CourseCardActions/index.test.jsx

@@ -1,8 +1,8 @@
 import { shallow } from '@edx/react-unit-test-utils';
 
-import { reduxHooks } from 'hooks';
+import { reduxHooks } from '@src/hooks';
 
-import CourseCardActionSlot from 'plugin-slots/CourseCardActionSlot';
+import CourseCardActionSlot from '@src/plugin-slots/CourseCardActionSlot';
 import SelectSessionButton from './SelectSessionButton';
 import BeginCourseButton from './BeginCourseButton';
 import ResumeButton from './ResumeButton';

src/containers/CourseCard/components/CourseCardBanners/CertificateBanner.jsx

@@ -6,8 +6,8 @@ import { MailtoLink, Hyperlink } from '@openedx/paragon';
 import { CheckCircle } from '@openedx/paragon/icons';
 import { useIntl } from '@edx/frontend-platform/i18n';
 
-import { utilHooks, reduxHooks } from 'hooks';
-import Banner from 'components/Banner';
+import { utilHooks, reduxHooks } from '@src/hooks';
+import Banner from '@src/components/Banner';
 
 import messages from './messages';
 

src/containers/CourseCard/components/CourseCardBanners/CertificateBanner.test.jsx

@@ -1,6 +1,6 @@
 import { shallow } from '@edx/react-unit-test-utils';
 
-import { reduxHooks } from 'hooks';
+import { reduxHooks } from '@src/hooks';
 import CertificateBanner from './CertificateBanner';
 import messages from './messages';
 

src/containers/CourseCard/components/CourseCardBanners/CourseBanner.jsx

@@ -4,8 +4,8 @@ import PropTypes from 'prop-types';
 import { Hyperlink } from '@openedx/paragon';
 import { useIntl } from '@edx/frontend-platform/i18n';
 
-import { utilHooks, reduxHooks } from 'hooks';
-import Banner from 'components/Banner';
+import { utilHooks, reduxHooks } from '@src/hooks';
+import Banner from '@src/components/Banner';
 import messages from './messages';
 
 export const CourseBanner = ({ cardId }) => {

src/containers/CourseCard/components/CourseCardBanners/CourseBanner.test.jsx

@@ -2,8 +2,8 @@ import React from 'react';
 import { shallow } from '@edx/react-unit-test-utils';
 import { Hyperlink } from '@openedx/paragon';
 
-import { reduxHooks } from 'hooks';
-import { formatMessage } from 'testUtils';
+import { reduxHooks } from '@src/hooks';
+import { formatMessage } from '@src/testUtils';
 import { CourseBanner } from './CourseBanner';
 
 import messages from './messages';

src/containers/CourseCard/components/CourseCardBanners/CreditBanner/hooks.js

@@ -1,6 +1,6 @@
-import { StrictDict } from 'utils';
+import { StrictDict } from '@src/utils';
 
-import { reduxHooks } from 'hooks';
+import { reduxHooks } from '@src/hooks';
 
 import ApprovedContent from './views/ApprovedContent';
 import EligibleContent from './views/EligibleContent';