openedx · jacobo-dominguez-wgu · Sep 25, 2025 · Sep 25, 2025 · Sep 25, 2025 · Sep 25, 2025
diff --git a/.env b/.env
diff --git a/.env.development b/.env.development
diff --git a/.env.test b/.env.test
diff --git a/.eslintignore b/.eslintignore
diff --git a/.eslintrc.js b/.eslintrc.js
diff --git a/.gitignore b/.gitignore
@@ -1,20 +1,15 @@
-.DS_Store
-.eslintcache
-.idea
 node_modules
 npm-debug.log
 coverage
-
+module.config.js
 dist/
-src/i18n/transifex_input.json
-temp/babel-plugin-react-intl
+/*.tgz
 
-### pyenv ###
-.python-version
+### i18n ###
+src/i18n/transifex_input.json
 
-### Emacs ###
+### Editors ###
+.DS_Store
 *~
 /temp
-/.vscode
-/module.config.js
-src/i18n/messages
+/.vscode
diff --git a/.npmignore b/.npmignore
@@ -1,15 +1,6 @@
-.tx
-coverage
-dist
+__mocks__
 node_modules
-public
-src
-.dockerignore
-.eslintignore
-.eslintrc
-.gitignore
-.releaserc
-.travis.yml
-babel.config.js
-Makefile
-renovate.json
+*.test.js
+*.test.jsx
+*.test.ts
+*.test.tsx
diff --git a/Makefile b/Makefile
@@ -40,13 +40,11 @@ pull_translations:
 	mkdir src/i18n/messages
 	cd src/i18n/messages \
       && atlas pull $(ATLAS_OPTIONS) \
-               translations/frontend-platform/src/i18n/messages:frontend-platform \
+               translations/frontend-base/src/i18n/messages:frontend-base \
                translations/paragon/src/i18n/messages:paragon \
-               translations/frontend-component-header/src/i18n/messages:frontend-component-header \
-               translations/frontend-component-footer/src/i18n/messages:frontend-component-footer \
                translations/frontend-app-profile/src/i18n/messages:frontend-app-profile
 
-	$(intl_imports) frontend-platform paragon frontend-component-header frontend-component-footer frontend-app-profile
+	$(intl_imports) frontend-base paragon frontend-app-profile
 
 # This target is used by Travis.
 validate-no-uncommitted-package-lock-changes:

diff --git a/README.rst b/README.rst
@@ -22,7 +22,7 @@ frontend-app-profile
 Purpose
 ********
 
-This is a micro-frontend application responsible for the display and updating of user profiles.
+This is a frontend application responsible for the display and updating of user profiles.
 
 When a user views their own profile, they're given fields to edit their full name, location, primary spoken language, education, social links, and bio.  Each field also has a dropdown to select the visibility of that field - i.e., whether it can be viewed by other learners.
 
@@ -36,14 +36,7 @@ Installation
 ============
 
 Follow these steps to provision, run, and enable an instance of the
-Profile MFE for local development via the `devstack`_.
-
-.. _devstack: https://github.com/openedx/devstack#getting-started
-
-#. To use this application, `devstack <https://github.com/openedx/devstack>`__ must be running and you must be logged into it.
-
-   * Start devstack
-   * Log in (http://localhost:18000/login)
+Profile frontend app for local development.
 
 #. To run Profile, install requirements and start the development server by running:
 
@@ -71,16 +64,15 @@ Profile MFE for local development via the `devstack`_.
 
 Once the dev server is up, visit http://localhost:1995/u/staff.
 
-Plugins
+Widgets
 =======
-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>`_.
+The parts of this frontend app that can be customized in that manner are documented `here </src/slots>`_.
 
 Configuration
 =============
 
-This MFE is configured via node environment variables supplied at build time. See the .env file for the list of required environment variables. Example build syntax with a single environment variable:
+This frontend app is configured via node environment variables supplied at build time. See the src/app.ts file for the list of required environment variables. Example build syntax with a single environment variable:
 
 .. code-block::
 

diff --git a/app.d.ts b/app.d.ts
@@ -0,0 +1,25 @@
+/// <reference types="@openedx/frontend-base" />
+
+declare module 'site.config' {
+  export default SiteConfig;
+}
+
+declare module '*.svg' {
+  const content: string;
+  export default content;
+}
+
+declare module '*.scss' {
+  const content: Record<string, string>;
+  export default content;
+}
+
+declare module '*.css' {
+  const content: Record<string, string>;
+  export default content;
+}
+
+declare module '*.sass' {
+  const content: Record<string, string>;
+  export default content;
+}
diff --git a/babel.config.js b/babel.config.js
@@ -0,0 +1,3 @@
+const { createConfig } = require('@openedx/frontend-base/config');
+
+module.exports = createConfig('babel');
diff --git a/eslint.config.js b/eslint.config.js
@@ -0,0 +1,21 @@
+// @ts-check
+
+const { createLintConfig } = require('@openedx/frontend-base/config');
+
+module.exports = createLintConfig(
+  {
+    files: [
+      'src/**/*',
+      'site.config.*',
+    ],
+  },
+  {
+    ignores: [
+      'coverage/*',
+      'dist/*',
+      'node_modules/*',
+      '**/__mocks__/*',
+      '**/__snapshots__/*',
+    ],
+  },
+);
diff --git a/jest.config.js b/jest.config.js
@@ -1,7 +1,16 @@
-const { createConfig } = require('@openedx/frontend-build');
+const { createConfig } = require('@openedx/frontend-base/config');
 
-module.exports = createConfig('jest', {
+module.exports = createConfig('test', {
   setupFilesAfterEnv: [
-    '<rootDir>/src/setupTest.js',
+    '<rootDir>/src/setupTest.ts',
   ],
+  coveragePathIgnorePatterns: [
+    'src/setupTest.ts',
+    'src/i18n',
+    'src/__mocks__',
+  ],
+  moduleNameMapper: {
+    '\\.svg$': '<rootDir>/src/__mocks__/svg.js',
+    '\\.(jpg|jpeg|png|gif|eot|otf|webp|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$': '<rootDir>/src/__mocks__/file.js',
+  },
 });
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,3 @@
		const { createConfig } = require('@openedx/frontend-base/config');

		module.exports = createConfig('babel');