openedx · holaontiveros · Jun 18, 2025 · Jun 30, 2025 · Jul 6, 2025 · Jul 7, 2025
diff --git a/.env b/.env
diff --git a/.env.development b/.env.development
diff --git a/.eslintignore b/.eslintignore
@@ -1,6 +1 @@
-coverage/*
-dist/
-node_modules/
 src/postcss.config.js
-src/segment.js
-src/lightning.js
diff --git a/.eslintrc.js b/.eslintrc.js
diff --git a/.github/CODEOWNERS b/.github/CODEOWNERS
@@ -3,4 +3,4 @@
 # These owners will be the default owners for everything in
 # the repo. Unless a later match takes precedence, they will
 # be requested for review when someone opens a pull request.
-*       @openedx/content-aurora
+*       @openedx/content-aurora
diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
@@ -36,9 +36,6 @@ jobs:
     - name: Run Test
       run: npm run test
 
-    - name: Run Build
-      run: npm run build
-
     - name: Run Coverage
       uses: codecov/codecov-action@v5
       with:
@@ -47,7 +44,7 @@ jobs:
 
     - name: Send failure notification
       if: ${{ failure() }}
-      uses: dawidd6/action-send-mail@v4
+      uses: dawidd6/action-send-mail@v6
       with:
         server_address: email-smtp.us-east-1.amazonaws.com
         server_port: 465

diff --git a/.gitignore b/.gitignore
@@ -1,27 +1,15 @@
-.DS_Store
-.eslintcache
 node_modules
 npm-debug.log
 coverage
-
+module.config.js
 dist/
-src/i18n/transifex_input.json
-temp/babel-plugin-react-intl
+/*.tgz
 
-### pyenv ###
-.python-version
-
-### Emacs ###
-*~
-*.swo
-*.swp
-
-### Development environments ###
-.idea
-.vscode
-
-### transifex ###
+### i18n ###
 src/i18n/transifex_input.json
-temp
 
-src/i18n/messages/
+### Editors ###
+.DS_Store
+*~
+/temp
+/.vscode
diff --git a/.npmignore b/.npmignore
@@ -1,12 +1,6 @@
-.eslintignore
-.eslintrc.json
-.gitignore
-docker-compose.yml
-Dockerfile
-Makefile
-npm-debug.log
-
-config
-coverage
+__mocks__
 node_modules
-public
+*.test.js
+*.test.jsx
+*.test.ts
+*.test.tsx
diff --git a/Makefile b/Makefile
@@ -10,7 +10,7 @@ transifex_input = $(i18n)/transifex_input.json
 # This directory must match .babelrc .
 transifex_temp = ./temp/babel-plugin-formatjs
 
-NPM_TESTS=build i18n_extract lint test is-es5
+NPM_TESTS=build i18n_extract lint test
 
 .PHONY: test
 test: $(addprefix test.npm.,$(NPM_TESTS))  ## validate ci suite
@@ -36,19 +36,16 @@ i18n.concat:
 extract_translations: | requirements i18n.extract i18n.concat
 
 
-# Experimental: OEP-58 Pulls translations using atlas
+# Pulls translations using atlas.
 pull_translations:
-	rm -rf src/i18n/messages
 	mkdir src/i18n/messages
 	cd src/i18n/messages \
-	  && atlas pull $(ATLAS_OPTIONS) \
-	           translations/frontend-component-footer/src/i18n/messages:frontend-component-footer \
-	           translations/frontend-component-header/src/i18n/messages:frontend-component-header \
-	           translations/frontend-platform/src/i18n/messages:frontend-platform \
-	           translations/paragon/src/i18n/messages:paragon \
-	           translations/frontend-app-gradebook/src/i18n/messages:frontend-app-gradebook
-
-	$(intl_imports) frontend-platform paragon frontend-component-header frontend-component-footer frontend-app-gradebook
+	   && atlas pull $(ATLAS_OPTIONS) \
+	            translations/frontend-base/src/i18n/messages:frontend-base \
+	            translations/paragon/src/i18n/messages:paragon \
+	            translations/frontend-app-gradebook/src/i18n/messages:frontend-app-gradebook
+
+	$(intl_imports) frontend-base paragon frontend-app-gradebook
 
 # This target is used by CI.
 validate-no-uncommitted-package-lock-changes:

diff --git a/README.md b/README.md
@@ -25,7 +25,7 @@ For existing documentation see:
 
 ### What does this offer over the legacy gradebook?
 
-The micro-frontend offers a great deal more granularity when searching for problems, an easy interface for editing grades, an 
+The micro-frontend offers a great deal more granularity when searching for problems, an easy interface for editing grades, an
 audit trail for seeing who edited what grade and what reason they gave (if any) for doing so.
 
 UsageProblems can be filtered by student as in the traditional gradebook, but can also be filtered by scores to see who
@@ -39,7 +39,7 @@ quick links to the problems for the instructor to visit. It expects the instruct
 are grading and which unit they refer to.
 
 The gradebook is expected to be much more performant for larger numbers of students as well. The Instructor Dashboard
-link for the legacy gradebook reports that "this feature is available only to courses with a small number of enrolled 
+link for the legacy gradebook reports that "this feature is available only to courses with a small number of enrolled
 learners." However, this project comes with no such warning.
 
 ### Who should not change to this gradebook?
@@ -51,10 +51,10 @@ generated by the current gradebook might find the lack of autogenerated graphs t
 
 ## Getting Started
 
-
 ### Installation
 
 To install gradebook into your project:
+
 ```
 npm i --save @edx/frontend-app-gradebook
 ```
@@ -97,19 +97,10 @@ Cloning and Startup
 
 To install the project please refer to the [`MFE Development on Tutor`](https://github.com/overhangio/tutor-mfe?tab=readme-ov-file#mfe-development) instructions.
 
-When not mounted, gradebook will run in the shared MFE container at http://apps.local.openedx.io/gradebook/course-v1:edX+DemoX+Demo_Course.
+When not mounted, gradebook will run in the shared MFE container at <http://apps.local.openedx.io/gradebook/course-v1:edX+DemoX+Demo_Course>.
 
 When mounted in the tutor ``gradebook`` container, or when running a local (host) webpack dev server, the web application runs on port **1994**, so when you go to `http://apps.local.openedx.io:1994/gradebook/course-v1:edX+DemoX+Demo_Course` you should see the UI (assuming you have such a Demo Course in your devstack).  Note that you always have to provide a course id to actually see a gradebook.
 
-(Note: This may not work in Tutor; these instructions are for the deprecated Devstack) You can see the log messages for the docker container by executing `make gradebook-logs` in the `devstack` directory.
-
-Note that starting the container executes the `npm run start` script which will hot-reload JavaScript and Sass files changes, so you should (:crossed_fingers:) not need to do anything (other than wait) when making changes.
-
-## Plugins
-This MFE can be customized using [Frontend Plugin Framework](https://github.com/openedx/frontend-plugin-framework).
-
-The parts of this MFE that can be customized in that manner are documented [here](/src/plugin-slots).
-
 ## Running tests
 
 Run:
@@ -122,21 +113,25 @@ Run:
 
 ## Directory Structure
 
-* `config`
-  * Directory for [`webpack`](https://webpack.js.org/) configurations
-* `public`
-  * Entry point for the single-page application - `gradebook` has a single `index.html` file
-* `src`
-  * `components`
-    * Directory for presentational `React` components
-  * `containers`
-    * Directory for container `React` components
-  * `data`
-    * `actions`
-      * Directory for `Redux` action creators
-    * `constants`
-    * `reducers`
-      * Directory for `Redux` reducers
+- `config`
+  - Directory for [`webpack`](https://webpack.js.org/) configurations
+- `public`
+  - Entry point for the single-page application - `gradebook` has a single `index.html` file
+- `src`
+  - `components`
+    - Directory for presentational `React` components
+  - `containers`
+    - Directory for container `React` components
+  - `data`
+    - `actions`
+      - Directory for `Redux` action creators
+    - `constants`
+    - `reducers`
+      - Directory for `Redux` reducers
+  - `i18n`
+    - Directory for i18n related data
+  - `slots`
+    - Directory for slots components
 
 ## Authentication with backend API services
 
@@ -164,18 +159,18 @@ Getting Help
 ===========
 
 If you're having trouble, we have discussion forums at
-https://discuss.openedx.org where you can connect with others in the community.
+<https://discuss.openedx.org> where you can connect with others in the community.
 
 Our real-time conversations are on Slack. You can request a [Slack
-invitation](https://openedx.org/slack), then join our 
+invitation](https://openedx.org/slack), then join our
 [community Slack workspace](https://openedx.slack.com/)  Because this is a
-frontend repository, the best place to discuss it would be in the 
+frontend repository, the best place to discuss it would be in the
 [#wg-frontend channel](https://openedx.slack.com/archives/C04BM6YC7A6).
 
 For anything non-trivial, the best path is to open an issue in this repository
 with as many details about the issue you are facing as you can provide.
 
-https://github.com/openedx/frontend-app-gradebook/issues
+<https://github.com/openedx/frontend-app-gradebook/issues>
 
 For more information about these options, see the [Getting Help](https://openedx.org/community/connect) page.
 
@@ -186,4 +181,5 @@ All community members are expected to follow the [Open edX Code of Conduct](http
 
 Reporting Security Issues
 =========================
-Please do not report security issues in public. Please email [email protected].
+
+Please do not report security issues in public. Please email <[email protected]>.
diff --git a/app.d.ts b/app.d.ts
@@ -0,0 +1,10 @@
+/// <reference types="@openedx/frontend-base" />
+
+declare module 'site.config' {
+  export default SiteConfig;
+}
+
+declare module '*.svg' {
+  const content: string;
+  export default content;
+}
diff --git a/babel.config.js b/babel.config.js
@@ -1,3 +1,3 @@
-const { createConfig } = require('@openedx/frontend-build');
+const { createConfig } = require('@openedx/frontend-base/config');
 
 module.exports = createConfig('babel');
diff --git a/documentation/CI.md b/documentation/CI.md
@@ -25,12 +25,6 @@ This is important because `npm` uses the pinned dependencies in your `package-lo
 
 However, when these changes surface within a CI build, this indicates differing dependency expectations between the committed `package.json` file and the `package-lock.json` file, which is a good reason to fail a build.
 
-### What is this `npm run is-es5` check?
-
-This project outputs production files to the `dist` folder. The `npm script`, `npm run is-es5`, checks the JavaScript files in the `dist` folder to make sure that they are `ES5`-compliant.
-
-This check is important because `ES5` JavaScript has [greater browser compatibility](http://kangax.github.io/compat-table/es5/) than [`ES2015+`](http://kangax.github.io/compat-table/es6/) - particularly for `IE11`.
-
 ### `deploy` step
 
 How your project deploys will probably differ between the cookie cutter and your own application.