@openedx/frontend-base 1.0.0-alpha.0 → 1.0.0-alpha.10

package/shell/dev/slotShowcase/app.tsx

@@ -43,13 +43,13 @@ function TakesPropsViaContext() {
 }
 
 const app: App = {
-  appId: 'org.openedx.frontend.app.dev.slotShowcase',
+  appId: 'org.openedx.frontend.app.slotShowcase',
   routes: [{
-    id: 'org.openedx.frontend.route.dev.slotShowcase',
+    id: 'org.openedx.frontend.route.slotShowcase',
     path: '/slots',
     Component: SlotShowcasePage,
     handle: {
-      role: 'slotShowcase',
+      role: 'org.openedx.frontend.role.slotShowcase',
     }
   }],
   slots: [
@@ -314,7 +314,7 @@ const app: App = {
         title: 'Courses (modified)',
       },
       condition: {
-        active: ['slotShowcase'],
+        active: ['org.openedx.frontend.role.slotShowcase'],
       }
     },
     {
@@ -324,7 +324,7 @@ const app: App = {
       relatedId: 'org.openedx.frontend.widget.slotShowcase.headerLink3',
       element: (<LinkMenuItem label="Link After 3" url="#" variant="navLink" />),
       condition: {
-        active: ['slotShowcase'],
+        active: ['org.openedx.frontend.role.slotShowcase'],
       }
     },
     {
@@ -335,7 +335,7 @@ const app: App = {
         <NavDropdownMenuSlot id="org.openedx.frontend.slot.header.primaryLinksDropdown.v1" label="Resources" />
       ),
       condition: {
-        active: ['slotShowcase']
+        active: ['org.openedx.frontend.role.slotShowcase']
       }
     },
     {
@@ -346,7 +346,7 @@ const app: App = {
         <LinkMenuItem label="Resource 1" url="#" variant="dropdownItem" />
       ),
       condition: {
-        active: ['slotShowcase'],
+        active: ['org.openedx.frontend.role.slotShowcase'],
       }
     },
     {
@@ -355,7 +355,7 @@ const app: App = {
       op: WidgetOperationTypes.APPEND,
       element: (<LinkMenuItem label="Link 3" url="#" variant="navLink" />),
       condition: {
-        active: ['slotShowcase'],
+        active: ['org.openedx.frontend.role.slotShowcase'],
       }
     },
     {
@@ -364,7 +364,7 @@ const app: App = {
       op: WidgetOperationTypes.APPEND,
       element: (<LinkMenuItem label="Link 4" url="#" variant="navLink" />),
       condition: {
-        active: ['slotShowcase'],
+        active: ['org.openedx.frontend.role.slotShowcase'],
       }
     },
   ]

package/shell/header/app.tsx

@@ -66,7 +66,7 @@ const config: App = {
       element: (
         <ProfileLinkMenuItem
           label={messages['header.user.menu.profile']}
-          role="profile"
+          role="org.openedx.frontend.role.profile"
           variant="dropdownItem"
         />
       )
@@ -78,7 +78,7 @@ const config: App = {
       element: (
         <LinkMenuItem
           label={messages['header.user.menu.account']}
-          role="account"
+          role="org.openedx.frontend.role.account"
           variant="dropdownItem"
         />
       )
@@ -90,7 +90,7 @@ const config: App = {
       element: (
         <LinkMenuItem
           label={messages['header.user.menu.logout']}
-          role="logout"
+          role="org.openedx.frontend.role.logout"
           variant="dropdownItem"
         />
       )

package/shell/jest.config.js

@@ -7,6 +7,7 @@ module.exports = {
     '\\.(jpg|jpeg|png|gif|eot|otf|webp|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$': '<rootDir>/__mocks__/file.js',
     '\\.(css|scss)$': require.resolve('identity-obj-proxy'),
     'site.config': '<rootDir>/site.config.test.tsx',
+    '^@src/(.*)$': '<rootDir>/src/$1',
   },
   testEnvironment: 'jsdom',
   testEnvironmentOptions: {

package/shell/router/createRouter.test.tsx

@@ -0,0 +1,50 @@
+import { createBrowserRouter } from 'react-router-dom';
+import { getBasename } from '../../runtime/initialize';
+import Shell from '../Shell';
+import createRouter from './createRouter';
+import getAppRoutes from './getAppRoutes';
+
+jest.mock('react-router-dom', () => ({
+  createBrowserRouter: jest.fn(),
+}));
+
+jest.mock('../../runtime/initialize', () => ({
+  getBasename: jest.fn(),
+}));
+
+jest.mock('../Shell', () => jest.fn());
+jest.mock('./getAppRoutes', () => jest.fn());
+
+describe('createRouter', () => {
+  beforeEach(() => {
+    jest.clearAllMocks();
+  });
+
+  it('should create a router with the correct configuration', () => {
+    const mockRoutes = [{ path: '/', element: <div>Home</div> }];
+    const mockBasename = '/base';
+
+    (getAppRoutes as jest.Mock).mockReturnValue(mockRoutes);
+    (getBasename as jest.Mock).mockReturnValue(mockBasename);
+    (createBrowserRouter as jest.Mock).mockReturnValue('fake router value');
+
+    const result = createRouter();
+
+    expect(getAppRoutes).toHaveBeenCalled();
+    expect(getBasename).toHaveBeenCalled();
+    expect(createBrowserRouter).toHaveBeenCalledWith(
+      [
+        {
+          Component: Shell,
+          children: mockRoutes,
+        },
+      ],
+      {
+        basename: mockBasename,
+      }
+    );
+
+    // Just proving we actually return the router from createBrowserRouter.
+    expect(result).toEqual('fake router value');
+  });
+});

package/shell/router/getAppRoutes.test.tsx

@@ -0,0 +1,59 @@
+import { RouteObject } from 'react-router';
+import { getSiteConfig } from '../../runtime';
+import getAppRoutes from './getAppRoutes';
+
+jest.mock('../../runtime', () => ({
+  getSiteConfig: jest.fn(),
+}));
+
+describe('getAppRoutes', () => {
+  it('should return an empty array when no apps are configured', () => {
+    (getSiteConfig as jest.Mock).mockReturnValue({ apps: [] });
+
+    const routes = getAppRoutes();
+
+    expect(routes).toEqual([]);
+  });
+
+  it('should flatten and return routes from configured apps', () => {
+    const mockApps = [
+      {
+        routes: [
+          { path: '/page1', element: <div>Page 1</div> },
+          { path: '/page2', element: <div>Page 2</div> }
+        ]
+      },
+      {
+        routes: [
+          { path: '/page3', element: <div>Page 3</div> }
+        ]
+      },
+    ];
+
+    (getSiteConfig as jest.Mock).mockReturnValue({ apps: mockApps });
+
+    const routes = getAppRoutes();
+
+    expect(routes).toEqual([
+      { path: '/page1', element: <div>Page 1</div> },
+      { path: '/page2', element: <div>Page 2</div> },
+      { path: '/page3', element: <div>Page 3</div> }
+    ]);
+  });
+
+  it('should ignore apps without routes', () => {
+    const mockRoutes: RouteObject[] = [
+      { path: '/page1', element: <div>Page 1</div> },
+    ];
+    const mockApps = [
+      { routes: mockRoutes },
+      { slots: [] },
+    ];
+
+    (getSiteConfig as jest.Mock).mockReturnValue({ apps: mockApps });
+
+    const routes = getAppRoutes();
+
+    expect(routes).toEqual(mockRoutes);
+  });
+});

package/shell/setupTest.js

@@ -11,38 +11,3 @@ jest.mock('universal-cookie', () => {
 });
 
 mergeSiteConfig(siteConfig);
-
-global.PARAGON_THEME = {
-  paragon: {
-    version: '1.0.0',
-    themeUrls: {
-      core: {
-        fileName: 'core.min.css',
-      },
-      defaults: {
-        light: 'light',
-      },
-      variants: {
-        light: {
-          fileName: 'light.min.css',
-        },
-      },
-    },
-  },
-  brand: {
-    version: '1.0.0',
-    themeUrls: {
-      core: {
-        fileName: 'core.min.css',
-      },
-      defaults: {
-        light: 'light',
-      },
-      variants: {
-        light: {
-          fileName: 'light.min.css',
-        },
-      },
-    },
-  },
-};

package/shell/site.config.dev.tsx

@@ -18,15 +18,15 @@ const siteConfig: SiteConfig = {
 
   externalRoutes: [
     {
-      role: 'profile',
+      role: 'org.openedx.frontend.role.profile',
       url: 'http://apps.local.openedx.io:1995/profile/'
     },
     {
-      role: 'account',
+      role: 'org.openedx.frontend.role.account',
       url: 'http://apps.local.openedx.io:1997/account/'
     },
     {
-      role: 'logout',
+      role: 'org.openedx.frontend.role.logout',
       url: 'http://local.openedx.io:8000/logout'
     },
   ],

package/shell/site.config.test.tsx

@@ -0,0 +1,16 @@
+import { EnvironmentTypes, SiteConfig } from '../types';
+
+const siteConfig: SiteConfig = {
+  siteId: 'test',
+  siteName: 'Open edX',
+  baseUrl: 'http://localhost:8080',
+  lmsBaseUrl: 'http://localhost:18000',
+  loginUrl: 'http://localhost:18000/login',
+  logoutUrl: 'http://localhost:18000/logout',
+
+  environment: EnvironmentTypes.TEST,
+  apps: [],
+  segmentKey: 'segment_whoa',
+};
+
+export default siteConfig;

package/shell/site.tsx

@@ -25,7 +25,7 @@ subscribe(SITE_READY, async () => {
   root.render(
     <StrictMode>
       <QueryClientProvider client={queryClient}>
-        <RouterProvider router={router} />,
+        <RouterProvider router={router} />
       </QueryClientProvider>
     </StrictMode>
   );

package/tools/dist/cli/intl-imports.test.js

@@ -0,0 +1,146 @@
+"use strict";
+// Tests for the intl-imports.js command line.
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const path_1 = __importDefault(require("path"));
+const intl_imports_1 = require("./intl-imports");
+const sampleAppDirectory = path_1.default.join(__dirname, '../../test-site');
+// History for `process.stdout.write` mock calls.
+const logHistory = {
+    log: [],
+    latest: '',
+};
+// History for `fs.writeFileSync` mock calls.
+const writeFileHistory = {
+    log: [],
+    latest: null,
+};
+// Mock for process.stdout.write
+const log = (text) => {
+    logHistory.latest = text;
+    logHistory.log.push(text);
+};
+// Mock for fs.writeFileSync
+const writeFileSync = (filename, content) => {
+    const entry = { filename, content };
+    writeFileHistory.latest = entry;
+    writeFileHistory.log.push(entry);
+};
+// Main with mocked output
+const main = (...directories) => (0, intl_imports_1.main)({
+    directories,
+    log,
+    writeFileSync,
+    pwd: sampleAppDirectory,
+});
+// Clean up mock histories
+afterEach(() => {
+    logHistory.log = [];
+    logHistory.latest = null;
+    writeFileHistory.log = [];
+    writeFileHistory.latest = null;
+});
+describe('help document', () => {
+    it('should print help for --help', () => {
+        main('--help');
+        expect(logHistory.latest).toMatch('Script to generate the src/i18n/index.js');
+    });
+    it('should print help for -h', () => {
+        main('-h');
+        expect(logHistory.latest).toMatch('Script to generate the src/i18n/index.js');
+    });
+});
+describe('error validation', () => {
+    it('expects a list of directories', () => {
+        main();
+        expect(logHistory.log.join('\n')).toMatch('Script to generate the src/i18n/index.js'); // Print help error
+        expect(logHistory.latest).toMatch('Error: A list of directories is required'); // Print error message
+    });
+    it('expects a directory with a relative path of "src/i18n"', () => {
+        (0, intl_imports_1.main)({
+            directories: ['frontend-app-example'],
+            log,
+            writeFileSync,
+            pwd: path_1.default.join(__dirname), // __dirname === `scripts` which has no sub-dir `src/i18n`
+        });
+        expect(logHistory.log.join('\n')).toMatch('Script to generate the src/i18n/index.js'); // Print help on error
+        expect(logHistory.latest).toMatch('Error: src/i18n directory was not found.'); // Print error message
+    });
+});
+describe('generated files', () => {
+    it('writes a correct src/i18n/index.js file', () => {
+        main('frontend-component-singlelang', 'frontend-component-nolangs', 'frontend-component-emptylangs', 'frontend-app-sample');
+        const mainFileActualContent = writeFileHistory.log.find((file) => {
+            return file.filename.endsWith('src/i18n/index.js');
+        })?.content;
+        const mainFileExpectedContent = `// This file is generated by the openedx/frontend-base's "intl-import.js" script.
+//
+// Refer to the i18n documents in https://docs.openedx.org/en/latest/developers/references/i18n.html to update
+// the file and use the Micro-frontend i18n pattern in new repositories.
+//
+
+import messagesFromFrontendComponentSinglelang from './messages/frontend-component-singlelang';
+// Skipped import due to missing 'frontend-component-nolangs/index.js' likely due to empty translations..
+// Skipped import due to missing 'frontend-component-emptylangs/index.js' likely due to empty translations..
+import messagesFromFrontendAppSample from './messages/frontend-app-sample';
+
+export default [
+  messagesFromFrontendComponentSinglelang,
+  messagesFromFrontendAppSample,
+];
+`;
+        expect(mainFileActualContent).toEqual(mainFileExpectedContent);
+    });
+    it('writes a correct frontend-component-singlelang/index.js file', () => {
+        main('frontend-component-singlelang', 'frontend-component-nolangs', 'frontend-component-emptylangs', 'frontend-app-sample');
+        const mainFileActualContent = writeFileHistory.log.find(file => file.filename.endsWith('frontend-component-singlelang/index.js'))?.content;
+        const singleLangExpectedContent = `// This file is generated by the openedx/frontend-base's "intl-import.js" script.
+//
+// Refer to the i18n documents in https://docs.openedx.org/en/latest/developers/references/i18n.html to update
+// the file and use the Micro-frontend i18n pattern in new repositories.
+//
+
+import messagesOfArLanguage from './ar.json';
+
+export default {
+  'ar': messagesOfArLanguage,
+};
+`;
+        expect(mainFileActualContent).toEqual(singleLangExpectedContent);
+    });
+    it('writes a correct frontend-app-sample/index.js file', () => {
+        main('frontend-component-singlelang', 'frontend-component-nolangs', 'frontend-component-emptylangs', 'frontend-app-sample');
+        const mainFileActualContent = writeFileHistory.log.find(file => file.filename.endsWith('frontend-app-sample/index.js'))?.content;
+        const singleLangExpectedContent = `// This file is generated by the openedx/frontend-base's "intl-import.js" script.
+//
+// Refer to the i18n documents in https://docs.openedx.org/en/latest/developers/references/i18n.html to update
+// the file and use the Micro-frontend i18n pattern in new repositories.
+//
+
+import messagesOfArLanguage from './ar.json';
+// Note: Skipped empty 'eo.json' messages file.
+import messagesOfEs419Language from './es_419.json';
+
+export default {
+  'ar': messagesOfArLanguage,
+  'es-419': messagesOfEs419Language,
+};
+`;
+        expect(mainFileActualContent).toEqual(singleLangExpectedContent);
+    });
+});
+describe('list of generated index.js files', () => {
+    it('writes only non-empty languages in addition to the main file', () => {
+        main('frontend-component-singlelang', 'frontend-component-nolangs', 'frontend-component-emptylangs', 'frontend-app-sample');
+        const writtenFiles = writeFileHistory.log
+            .map(file => file.filename)
+            .map(file => path_1.default.relative(sampleAppDirectory, file));
+        expect(writtenFiles).toEqual([
+            'src/i18n/messages/frontend-component-singlelang/index.js',
+            'src/i18n/messages/frontend-app-sample/index.js',
+            'src/i18n/index.js',
+        ]);
+    });
+});

package/tools/dist/cli/openedx.js

@@ -8,8 +8,6 @@ const chalk_1 = __importDefault(require("chalk"));
 const fs_1 = require("fs");
 const path_1 = __importDefault(require("path"));
 const types_1 = require("../types");
-const pack_1 = __importDefault(require("./commands/pack"));
-const release_1 = __importDefault(require("./commands/release"));
 const ensureConfigFilenameOption_1 = require("./utils/ensureConfigFilenameOption");
 const prettyPrintTitle_1 = __importDefault(require("./utils/prettyPrintTitle"));
 const printUsage_1 = __importDefault(require("./utils/printUsage"));
@@ -26,18 +24,6 @@ else if ((0, fs_1.existsSync)(path_1.default.resolve(__dirname, '../../../packag
 }
 (0, prettyPrintTitle_1.default)(`Open edX CLI v${version}`);
 switch (commandName) {
-    case types_1.CommandTypes.RELEASE:
-        (0, release_1.default)();
-        break;
-    case types_1.CommandTypes.PACK:
-        if (process.argv[2] === undefined) {
-            console.log(chalk_1.default.red(`${chalk_1.default.bold.red(commandName)} command usage: specify a peer folder where the command should install the package:
-
-      npm run pack my-project`));
-            process.exit(1);
-        }
-        (0, pack_1.default)();
-        break;
     case types_1.CommandTypes.LINT:
         (0, ensureConfigFilenameOption_1.ensureConfigFilenameOption)(types_1.ConfigTypes.LINT, ['-c', '--config']);
         require('.bin/eslint');
@@ -78,7 +64,7 @@ switch (commandName) {
             srcFoldersString = `{${srcFoldersString}}`;
         }
         process.argv = process.argv.concat([
-            '--format', 'node_modules/@openedx/frontend-base/dist/tools/cli/utils/formatter.js',
+            '--format', 'node_modules/@openedx/frontend-base/tools/dist/cli/utils/formatter.js',
             '--ignore', `${srcFoldersString}/**/*.json`,
             '--ignore', `${srcFoldersString}/**/*.d.ts`,
             '--out-file', './temp/formatjs/Default.messages.json',

package/tools/dist/cli/utils/printUsage.js

@@ -11,15 +11,6 @@ function printUsage() {
     console.log('openedx <command> <options>\n');
     console.groupEnd();
     console.log('Commands:\n');
-    console.group();
-    console.log(`${chalk_1.default.bold('release')}\n`);
-    console.group();
-    console.log(`Compile source code for release as a library.  Compiled code is put into the dist folder.\n`);
-    console.groupEnd();
-    console.log(`${chalk_1.default.bold('pack')} <peer folder>\n`);
-    console.group();
-    console.log(`Package the dist folder as an NPM-compatible .tgz file suitable for use with npm install, then install it in the specified peer folder.  The folder is assumed to be a peer of this repository, do not include a path.\n`);
-    console.groupEnd();
     console.log(`${chalk_1.default.bold('lint')} <eslint options>\n`);
     console.group();
     console.log(`Runs ESLint on the source code. Requires an ${chalk_1.default.bold('eslint.config.js')} file.\n`);

package/tools/dist/eslint/base.eslint.config.js

@@ -31,7 +31,6 @@ module.exports = tseslint.config(eslint.configs.recommended, ...tseslint.configs
             ...globals.browser,
             ...globals.node,
             ...globals.jest,
-            PARAGON_THEME: 'readonly',
             newrelic: 'readonly',
         },
     },
@@ -79,6 +78,7 @@ module.exports = tseslint.config(eslint.configs.recommended, ...tseslint.configs
                 caughtErrors: 'none',
             }],
         '@typescript-eslint/no-empty-function': 'off',
+        '@typescript-eslint/prefer-nullish-coalescing': 'off',
         '@stylistic/semi': ['error', 'always', { omitLastInOneLineBlock: true, omitLastInOneLineClassBody: true }],
         '@stylistic/quotes': ['error', 'single', {
                 avoidEscape: true,

package/tools/dist/jest/jest.config.js

@@ -9,6 +9,7 @@ module.exports = {
     moduleNameMapper: {
         '\\.(css|scss)$': require.resolve('identity-obj-proxy'),
         'site.config': path.resolve(process.cwd(), './site.config.test.tsx'),
+        '^@src/(.*)$': '<rootDir>/src/$1',
     },
     collectCoverageFrom: [
         'src/**/*.{js,jsx,ts,tsx}',

package/tools/dist/types.js

@@ -12,8 +12,6 @@ var ConfigTypes;
 })(ConfigTypes || (exports.ConfigTypes = ConfigTypes = {}));
 var CommandTypes;
 (function (CommandTypes) {
-    CommandTypes["RELEASE"] = "release";
-    CommandTypes["PACK"] = "pack";
     CommandTypes["LINT"] = "lint";
     CommandTypes["TEST"] = "test";
     CommandTypes["BUILD"] = "build";

package/tools/dist/webpack/common-config/all/getStylesheetRule.js

@@ -87,7 +87,7 @@ function getStyleUseConfig(mode) {
                     ],
                     // Silences compiler deprecation warnings.  They mostly come from bootstrap and/or paragon.
                     quietDeps: true,
-                    silenceDeprecations: ['abs-percent', 'color-functions', 'import', 'mixed-decls', 'global-builtin', 'legacy-js-api'],
+                    silenceDeprecations: ['abs-percent', 'color-functions', 'import', 'global-builtin', 'legacy-js-api'],
                 },
             },
         },

package/tools/dist/webpack/plugins/html-webpack-new-relic-plugin/test/HtmlWebpackNewRelicPlugin.test.js

@@ -0,0 +1,66 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const fs_1 = __importDefault(require("fs"));
+const html_webpack_plugin_1 = __importDefault(require("html-webpack-plugin"));
+const path_1 = __importDefault(require("path"));
+const webpack_1 = __importDefault(require("webpack"));
+const HtmlWebpackNewRelicPlugin_1 = __importDefault(require("../HtmlWebpackNewRelicPlugin"));
+const OUTPUT_DIR = path_1.default.join(__dirname, './dist');
+describe('HtmlWebpackNewRelicPlugin', () => {
+    const testPluginOptions = {
+        accountID: '121212',
+        agentID: '343434',
+        trustKey: '565656',
+        licenseKey: '123456',
+        applicationID: '654321',
+    };
+    afterEach(() => {
+        if (fs_1.default.existsSync(OUTPUT_DIR)) {
+            fs_1.default.rmSync(OUTPUT_DIR, { recursive: true, force: true });
+        }
+    });
+    it('should append new relic script to body', done => {
+        (0, webpack_1.default)({
+            entry: path_1.default.resolve(__dirname, 'fixtures', 'entry.js'),
+            output: {
+                path: path_1.default.resolve(__dirname, './dist'),
+            },
+            plugins: [
+                new html_webpack_plugin_1.default(),
+                new HtmlWebpackNewRelicPlugin_1.default(testPluginOptions),
+            ],
+        }, (err) => {
+            const htmlFile = path_1.default.resolve(OUTPUT_DIR, 'index.html');
+            expect(err).toBeNull();
+            expect(fs_1.default.existsSync(htmlFile)).toBe(true);
+            const file = fs_1.default.readFileSync(path_1.default.resolve(OUTPUT_DIR, htmlFile), { encoding: 'utf-8' }, (error, data) => data.toString());
+            Object.entries(testPluginOptions).forEach(([optionName, optionValue]) => {
+                expect(file.indexOf(`${optionName}:"${optionValue}"`)).toBeGreaterThan(-1);
+            });
+            done();
+        });
+    });
+    describe('when its missing configuration variables', () => {
+        function testMissingOption(missingOptionName) {
+            it(`should throw error if ${missingOptionName} is missing`, done => {
+                const compiler = (0, webpack_1.default)({
+                    entry: path_1.default.resolve(__dirname, 'fixtures', 'entry.js'),
+                    output: {
+                        path: path_1.default.resolve(__dirname, '../dist'),
+                    },
+                    plugins: [new html_webpack_plugin_1.default()],
+                });
+                const optionsMissingOne = { ...testPluginOptions };
+                delete optionsMissingOne[missingOptionName];
+                expect(() => compiler.options.plugins.push(new HtmlWebpackNewRelicPlugin_1.default(optionsMissingOne))).toThrow(`${missingOptionName} argument is required`);
+                done();
+            });
+        }
+        Object.keys(testPluginOptions).forEach((key) => {
+            testMissingOption(key);
+        });
+    });
+});

package/tools/dist/webpack/webpack.config.build.js

@@ -9,13 +9,9 @@ const path_1 = __importDefault(require("path"));
 const webpack_bundle_analyzer_1 = require("webpack-bundle-analyzer");
 const webpack_remove_empty_scripts_1 = __importDefault(require("webpack-remove-empty-scripts"));
 const common_config_1 = require("./common-config");
-const ParagonWebpackPlugin_1 = __importDefault(require("./plugins/paragon-webpack-plugin/ParagonWebpackPlugin"));
 const getLocalAliases_1 = __importDefault(require("./utils/getLocalAliases"));
 const getPublicPath_1 = __importDefault(require("./utils/getPublicPath"));
 const getResolvedSiteConfigPath_1 = __importDefault(require("./utils/getResolvedSiteConfigPath"));
-const paragonUtils_1 = require("./utils/paragonUtils");
-const paragonThemeCss = (0, paragonUtils_1.getParagonThemeCss)(process.cwd());
-const brandThemeCss = (0, paragonUtils_1.getParagonThemeCss)(process.cwd(), { isBrandOverride: true });
 const aliases = (0, getLocalAliases_1.default)();
 const resolvedSiteConfigPath = (0, getResolvedSiteConfigPath_1.default)('site.config.build.tsx');
 const config = {
@@ -23,8 +19,6 @@ const config = {
     devtool: 'source-map',
     entry: {
         app: path_1.default.resolve(process.cwd(), 'node_modules/@openedx/frontend-base/shell/site'),
-        ...(0, paragonUtils_1.getParagonEntryPoints)(paragonThemeCss),
-        ...(0, paragonUtils_1.getParagonEntryPoints)(brandThemeCss),
     },
     output: {
         filename: '[name].[chunkhash].js',
@@ -36,6 +30,7 @@ const config = {
         alias: {
             ...aliases,
             'site.config': resolvedSiteConfigPath,
+            '@src': path_1.default.resolve(process.cwd(), 'src'),
         },
         extensions: ['.js', '.jsx', '.ts', '.tsx'],
     },
@@ -51,10 +46,6 @@ const config = {
         runtimeChunk: 'single',
         splitChunks: {
             chunks: 'all',
-            cacheGroups: {
-                ...(0, paragonUtils_1.getParagonCacheGroups)(paragonThemeCss),
-                ...(0, paragonUtils_1.getParagonCacheGroups)(brandThemeCss),
-            },
         },
         minimizer: (0, common_config_1.getImageMinimizer)(),
     },
@@ -65,7 +56,6 @@ const config = {
         // See: https://www.npmjs.com/package/webpack-remove-empty-scripts#usage-with-mini-css-extract-plugin
         new webpack_remove_empty_scripts_1.default(),
         // Writes the extracted CSS from each entry to a file in the output directory.
-        new ParagonWebpackPlugin_1.default(),
         new mini_css_extract_plugin_1.default({
             filename: '[name].[chunkhash].css',
         }),