feat: bump to frontend-build alpha

.eslintignore

@@ -3,3 +3,5 @@ dist/
 packages/
 node_modules/
 jest.config.js
+webpack.*.js
+.eslintrc.js

.github/workflows/commitlint.yml

@@ -7,4 +7,14 @@ on:
 
 jobs:
   commitlint:
-    uses: openedx/.github/.github/workflows/commitlint.yml@master
+    runs-on: ubuntu-20.04
+    steps:
+      - name: Check out repository
+        uses: actions/checkout@v3
+        with:
+          fetch-depth: 0
+      - name: remove tsconfig.json # see issue https://github.com/conventional-changelog/commitlint/issues/3256
+        run: |
+          rm -f tsconfig.json
+      - name: Check commits
+        uses: wagoid/commitlint-github-action@v5

Makefile

@@ -77,5 +77,5 @@ validate:
 
 .PHONY: validate.ci
 validate.ci:
-	npm ci
+	npm ci --legacy-peer-deps
 	make validate

package.json

@@ -34,7 +34,7 @@
     "@edx/frontend-component-header": "4.0.0",
     "@edx/frontend-lib-special-exams": "2.19.1",
     "@edx/frontend-platform": "4.3.0",
-    "@edx/paragon": "20.28.4",
+    "@edx/paragon": "20.45.5",
     "@edx/react-unit-test-utils": "npm:@edx/react-unit-test-utils@1.5.3",
     "@fortawesome/fontawesome-svg-core": "1.3.0",
     "@fortawesome/free-brands-svg-icons": "5.15.4",
@@ -65,7 +65,7 @@
   },
   "devDependencies": {
     "@edx/browserslist-config": "1.1.1",
-    "@edx/frontend-build": "^12.8.27",
+    "@edx/frontend-build": "^12.9.0-alpha.5",
     "@edx/reactifex": "2.1.1",
     "@pact-foundation/pact": "^11.0.2",
     "@testing-library/jest-dom": "5.16.5",

src/courseware/course/sequence/Sequence.jsx

@@ -46,6 +46,10 @@ const Sequence = ({
   const sequenceMightBeUnit = useSelector(state => state.courseware.sequenceMightBeUnit);
   const shouldDisplayNotificationTriggerInSequence = useWindowSize().width < breakpoints.small.minWidth;
 
+  const handleNavigate = (destinationUnitId) => {
+    unitNavigationHandler(destinationUnitId);
+  };
+
   const handleNext = () => {
     const nextIndex = sequence.unitIds.indexOf(unitId) + 1;
     if (nextIndex < sequence.unitIds.length) {
@@ -66,10 +70,6 @@ const Sequence = ({
     }
   };
 
-  const handleNavigate = (destinationUnitId) => {
-    unitNavigationHandler(destinationUnitId);
-  };
-
   const logEvent = (eventName, widgetPlacement, targetUnitId) => {
     // Note: tabs are tracked with a 1-indexed position
     // as opposed to a 0-index used throughout this MFE

src/courseware/course/sidebar/sidebars/notifications/NotificationTray.jsx

@@ -34,8 +34,10 @@ const NotificationTray = ({ intl }) => {
   } = useModel('courseHomeMeta', courseId);
 
   // After three seconds, update notificationSeen (to hide red dot)
-  // eslint-disable-next-line react-hooks/exhaustive-deps
-  useEffect(() => { setTimeout(onNotificationSeen, 3000); }, []);
+  const notifyTimeoutCb = () => {
+    setTimeout(() => onNotificationSeen(), 3000);
+  };
+  useEffect(notifyTimeoutCb, []);
 
   return (
     <SidebarBase

src/setupTest.js

@@ -152,8 +152,9 @@ export async function initializeTestStore(options = {}, overrideStore = true) {
 
   logUnhandledRequests(axiosMock);
 
-  // eslint-disable-next-line no-unused-expressions
-  !options.excludeFetchCourse && await executeThunk(fetchCourse(courseMetadata.id), store.dispatch);
+  if (!options.excludeFetchCourse) {
+    await executeThunk(fetchCourse(courseMetadata.id), store.dispatch);
+  }
 
   if (!options.excludeFetchSequence) {
     await Promise.all(sequenceBlocks

src/shared/streak-celebration/StreakCelebrationModal.jsx

@@ -64,8 +64,7 @@ const StreakModal = ({
 }) => {
   const { org, celebrations, username } = useModel('courseHomeMeta', courseId);
   const factoid = getRandomFactoid(intl, streakLengthToCelebrate);
-  // eslint-disable-next-line no-unused-vars
-  const [randomFactoid, setRandomFactoid] = useState(factoid); // Don't change factoid on re-render
+  const [randomFactoid] = useState(factoid); // Don't change factoid on re-render
 
   // Open edX Folks: if you create a voucher with this code, the MFE will notice and show the discount
   const discountCode = 'ZGY11119949';