How can I specify the link to my fork of frontend-component-header and frontend-component-footer?

I want to specify the link to my fork of frontend-component-header in order to make some minor edits. I have cloned the repositories from:
https://github.com/overhangio/tutor-mfe
and installed it using:
pip install -e ./tutor-mfe

I know how to specify the repository link for components like:
“authn”: {
“repository”: “GitHub - openedx/frontend-app-authn: Open edX micro-frontend application for new login and registration experience.”,
“port”: 1999
},
“authoring”: {
“repository”: “GitHub - openedx/frontend-app-authoring: Front-end for the Open edX Studio experience, implemented in React and Paragon.”,
“port”: 2001
},
“account”: {
“repository”: “GitHub - openedx/frontend-app-account: Open edX micro-frontend application for managing user account information.”,
“port”: 1997
},
“communications”: {
“repository”: “GitHub - openedx/frontend-app-communications: Frontend to manage instructor-learner communications”,
“port”: 1984
},
“discussions”: {
“repository”: “GitHub - openedx/frontend-app-discussions: A React-based micro frontend for the Open edX discussion forums.”,
“port”: 2002
},
“gradebook”: {
“repository”: “GitHub - openedx/frontend-app-gradebook: Instructor grade book tool”,
“port”: 1994
},
“learner-dashboard”: {
“repository”: “GitHub - openedx/frontend-app-learner-dashboard: Learner Dashboard MFE”,
“port”: 1996
},
“learning”: {
“repository”: “GitHub - openedx/frontend-app-learning: Front-end for the Open edX course experience, implemented using React and Paragon.”,
“port”: 2000
},
“ora-grading”: {
“repository”: “GitHub - openedx/frontend-app-ora-grading: Open Response Assessment - Enhanced Staff Grader - Allows graders to easily review, evaluate and grade ORAs”,
“port”: 1993
},
“profile”: {
“repository”: “GitHub - openedx/frontend-app-profile: Open edX micro-frontend application for managing user profile information.”,
“port”: 1995
}
But how do I do the same for frontend-component-header and frontend-component-footer?

@abylaikhan.suev.02 - what version of Tutor are you running? In Sumac we added a whole bunch of plugin slots to the header, which may make it so you don’t need to use a fork. Customizing Site Header Using Frontend “Slots” — Latest documentation

I found the file env.config.jsx in the directory
~/tutor-mfe/tutormfe/templates/mfe/build/mfe/env.config.jsx.

And there is already some code in it. Should I delete it or edit this file? I’m sorry, but I’m not very proficient with JS frameworks.

Edit:
I read the instructions you provided and found my answer here: GitHub - overhangio/tutor-mfe at v19.0.0. Thank you very much!

1 Like