Skip to content

feat: add nelc custom dependencies - #36

Open
andrey-canon wants to merge 1 commit into
and/FUTUREX-1506from
and/FUTUREX-1507
Open

andrey-canon wants to merge 1 commit into
and/FUTUREX-1506from
and/FUTUREX-1507

Conversation

@andrey-canon

@andrey-canon andrey-canon commented Aug 21, 2026 •

Copy link
Copy Markdown

Description

This adds multiple NELC custom dependencies. That includes the following features

  • Language selector
  • LisanAI
  • Brand (Default font)

Issue # 1507
Migration pr of #17 and #21

How to test language selector

  1. Checkout this branch
  2. Run npm install
  3. Run the following commands
export PATH="$(pwd)/node_modules/.bin:$PATH" 
make OPENEDX_ATLAS_PULL=true ATLAS_OPTIONS="--repository=nelc/futurex-translations --revision=open-release/teak.master" pull_translations
  1. Add the following setting MFE_CONFIG["ENABLE_HEADER_LANG_SELECTOR"] = True
  2. Verify the language selector component
    https://github.com/user-attachments/assets/5ab9cf15-8f63-46e1-af4e-725260c7f67f

How to test LisanAI

  1. Checkout this branch
  2. Run npm install
  3. Go to studio and check the section schedule an details of any course
  4. Add the following setting
MFE_CONFIG_OVERRIDES = {
    "authoring": {
        "LISAN_AI_CLIENT_ID": "your-id",
        "LISAN_AI_ENABLED": True,
    }
}
  1. Check any text box
2026-08-21.12-46-33.mp4

How to branding and primary color customization

  1. run npm install
  2. Open learner-dashboard -> the mfe must load with default color
image
  1. Add the following setting and check learner-dashboard page -> the mfe must load with red color
  "CUSTOM_PRIMARY_COLORS": {
    "pgn-color-primary-base": "#AA0000"
  },
image
  1. Add the following setting and check learner-dashboard page -> the mfe must load with green color
  "PARAGON_THEME_URLS": {
    "core": {
        "url": "https://cdn.jsdelivr.net/combine/npm/@edx/paragon@22.0.0-alpha.13/styles/css/themes/light/utility-classes.min.css,npm/@edx/paragon@22.0.0-alpha.13/dist/core.min.css"
    },
    "defaults": {
        "light": "light"
    },
    "variants": {
        "light": {
            "url": "https://css-varsify.s3.amazonaws.com/public/a9959998-0bab-4447-ada5-6819866195f3.css"
        }
    }
}
image
  1. check the typography
image

This branch has not been deployed

No deployments
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant