@openedx/frontend-base 1.0.0-alpha.4 → 1.0.0-alpha.41

package/{config → dist/tools}/webpack/webpack.config.dev.js

@@ -7,22 +7,18 @@ const react_refresh_webpack_plugin_1 = __importDefault(require("@pmmmwh/react-re
 const fork_ts_checker_webpack_plugin_1 = __importDefault(require("fork-ts-checker-webpack-plugin"));
 const mini_css_extract_plugin_1 = __importDefault(require("mini-css-extract-plugin"));
 const path_1 = __importDefault(require("path"));
+const tsconfig_paths_webpack_plugin_1 = __importDefault(require("tsconfig-paths-webpack-plugin"));
 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 getResolvedSiteI18nPath_1 = __importDefault(require("./utils/getResolvedSiteI18nPath"));
 const resolvedSiteConfigPath = (0, getResolvedSiteConfigPath_1.default)('site.config.dev.tsx');
+const resolvedSiteI18nPath = (0, getResolvedSiteI18nPath_1.default)('src/i18n');
 const config = {
     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),
+        cssLayerOrder: '@openedx/frontend-base/shell/layer-order.scss',
+        app: '@openedx/frontend-base/shell/site',
     },
     output: {
         path: path_1.default.resolve(process.cwd(), './dist'),
@@ -30,9 +26,15 @@ const config = {
     },
     resolve: {
         alias: {
-            ...aliases,
             'site.config': resolvedSiteConfigPath,
+            'site.i18n': resolvedSiteI18nPath,
         },
+        plugins: [
+            new tsconfig_paths_webpack_plugin_1.default({
+                configFile: path_1.default.resolve(process.cwd(), 'tsconfig.json'),
+                extensions: ['.ts', '.tsx', '.js', '.jsx'],
+            }),
+        ],
         extensions: ['.js', '.jsx', '.ts', '.tsx'],
     },
     mode: 'development',
@@ -47,10 +49,6 @@ const config = {
     optimization: {
         splitChunks: {
             chunks: 'all',
-            cacheGroups: {
-                ...(0, paragonUtils_1.getParagonCacheGroups)(paragonThemeCss),
-                ...(0, paragonUtils_1.getParagonCacheGroups)(brandThemeCss),
-            },
         },
         minimizer: (0, common_config_1.getImageMinimizer)(),
     },
@@ -60,17 +58,21 @@ const config = {
         // This helps to clean up the final bundle application
         // See: https://www.npmjs.com/package/webpack-remove-empty-scripts#usage-with-mini-css-extract-plugin
         new webpack_remove_empty_scripts_1.default(),
-        new ParagonWebpackPlugin_1.default(),
         // Writes the extracted CSS from each entry to a file in the output directory.
         new mini_css_extract_plugin_1.default({
             filename: '[name].css',
         }),
         (0, common_config_1.getHtmlWebpackPlugin)(),
+        (0, common_config_1.getI18nMessagesFallbackPlugin)(),
         new react_refresh_webpack_plugin_1.default(),
         new fork_ts_checker_webpack_plugin_1.default(),
     ],
     // This configures webpack-dev-server which serves bundles from memory and provides live
     // reloading.
     devServer: (0, common_config_1.getDevServer)(),
+    // Limit the number of watched files to avoid `inotify` resource starvation.
+    watchOptions: {
+        ignored: /node_modules/
+    }
 };
 exports.default = config;

package/dist/tools/webpack/webpack.config.dev.shell.d.ts

@@ -0,0 +1,3 @@
+import { Configuration } from 'webpack';
+declare const config: Configuration;
+export default config;

package/{config → dist/tools}/webpack/webpack.config.dev.shell.js

@@ -11,21 +11,16 @@ const path_1 = __importDefault(require("path"));
 const react_refresh_typescript_1 = __importDefault(require("react-refresh-typescript"));
 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 html_webpack_plugin_1 = __importDefault(require("html-webpack-plugin"));
-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 getResolvedSiteI18nPath_1 = __importDefault(require("./utils/getResolvedSiteI18nPath"));
 const resolvedSiteConfigPath = (0, getResolvedSiteConfigPath_1.default)('shell/site.config.dev.tsx');
+const resolvedSiteI18nPath = (0, getResolvedSiteI18nPath_1.default)('test-site/src/i18n');
 const config = {
     entry: {
+        cssLayerOrder: path_1.default.resolve(process.cwd(), 'shell/layer-order.scss'),
         app: path_1.default.resolve(process.cwd(), 'shell/site'),
-        ...(0, paragonUtils_1.getParagonEntryPoints)(paragonThemeCss),
-        ...(0, paragonUtils_1.getParagonEntryPoints)(brandThemeCss),
     },
     output: {
         path: path_1.default.resolve(process.cwd(), './dist'),
@@ -33,8 +28,8 @@ const config = {
     },
     resolve: {
         alias: {
-            ...aliases,
             'site.config': resolvedSiteConfigPath,
+            'site.i18n': resolvedSiteI18nPath,
         },
         extensions: ['.js', '.jsx', '.ts', '.tsx'],
     },
@@ -77,10 +72,6 @@ const config = {
     optimization: {
         splitChunks: {
             chunks: 'all',
-            cacheGroups: {
-                ...(0, paragonUtils_1.getParagonCacheGroups)(paragonThemeCss),
-                ...(0, paragonUtils_1.getParagonCacheGroups)(brandThemeCss),
-            },
         },
         minimizer: (0, common_config_1.getImageMinimizer)(),
     },
@@ -90,15 +81,15 @@ const config = {
         // This helps to clean up the final bundle application
         // See: https://www.npmjs.com/package/webpack-remove-empty-scripts#usage-with-mini-css-extract-plugin
         new webpack_remove_empty_scripts_1.default(),
-        new ParagonWebpackPlugin_1.default(),
         // Writes the extracted CSS from each entry to a file in the output directory.
         new mini_css_extract_plugin_1.default({
             filename: '[name].css',
         }),
         new html_webpack_plugin_1.default({
-            inject: true, // Appends script tags linking to the webpack bundles at the end of the body
+            inject: true,
             template: path_1.default.resolve(process.cwd(), 'shell/public/index.html'),
-            chunks: ['app'],
+            chunks: ['cssLayerOrder', 'app'],
+            chunksSortMode: 'manual',
         }),
         new react_refresh_webpack_plugin_1.default(),
         new fork_ts_checker_webpack_plugin_1.default(),
@@ -106,5 +97,9 @@ const config = {
     // This configures webpack-dev-server which serves bundles from memory and provides live
     // reloading.
     devServer: (0, common_config_1.getDevServer)(),
+    // Limit the number of watched files to avoid `inotify` resource starvation.
+    watchOptions: {
+        ignored: /node_modules/
+    }
 };
 exports.default = config;

package/dist/types.d.ts

@@ -0,0 +1,92 @@
+import { FC, ReactElement, ReactNode } from 'react';
+import { MessageDescriptor } from 'react-intl';
+import { RouteObject } from 'react-router';
+import { SlotOperation } from './runtime/slots/types';
+export interface ExternalRoute {
+    role: string;
+    url: string;
+}
+export type RoleRouteObject = RouteObject & {
+    handle?: {
+        /**
+         * Route roles identify the purpose(s) a route fulfills in the site.
+         */
+        roles?: string[];
+    };
+};
+export type AppConfig = Record<string, unknown>;
+export type AppProvider = FC<{
+    children?: ReactNode;
+}>;
+export interface App {
+    appId: string;
+    routes?: RoleRouteObject[];
+    providers?: AppProvider[];
+    slots?: SlotOperation[];
+    externalScripts?: ExternalScriptLoaderClass[];
+    config?: AppConfig;
+    provides?: Record<string, unknown>;
+}
+export interface ExternalScriptLoader {
+    loadScript(): void;
+}
+export type ExternalScriptLoaderClass = new (data: {
+    config: AppConfig;
+}) => ExternalScriptLoader;
+export interface RequiredSiteConfig {
+    siteId: string;
+    siteName: string;
+    baseUrl: string;
+    lmsBaseUrl: string;
+    loginUrl: string;
+    logoutUrl: string;
+}
+export type LocalizedMessages = Record<string, Record<string, string>>;
+export type SiteMessages = LocalizedMessages[];
+export interface OptionalSiteConfig {
+    environment: EnvironmentTypes;
+    apps: App[];
+    basename: string;
+    externalRoutes: ExternalRoute[];
+    externalLinkUrlOverrides: string[];
+    runtimeConfigJsonUrl: string | null;
+    commonAppConfig: AppConfig;
+    headerLogoImageUrl: string;
+    theme: Theme;
+    accessTokenCookieName: string;
+    languagePreferenceCookieName: string;
+    userInfoCookieName: string;
+    csrfTokenApiPath: string;
+    refreshAccessTokenApiPath: string;
+    ignoredErrorRegex: RegExp | null;
+    segmentKey: string | null;
+}
+export type SiteConfig = RequiredSiteConfig & Partial<OptionalSiteConfig>;
+export interface ThemeVariant {
+    url: string;
+}
+export interface ThemeDefaults {
+    light?: string;
+    dark?: string;
+}
+export type ThemeVariants = Record<string, ThemeVariant>;
+export interface Theme {
+    core?: ThemeVariant;
+    defaults?: ThemeDefaults;
+    variants?: ThemeVariants;
+}
+export interface User {
+    administrator: boolean;
+    email: string;
+    name: string;
+    roles: string[];
+    userId: number;
+    username: string;
+    avatar: string;
+}
+export declare enum EnvironmentTypes {
+    PRODUCTION = "production",
+    DEVELOPMENT = "development",
+    TEST = "test"
+}
+export type MenuItemName = string | MessageDescriptor | ReactElement;

package/dist/types.js

@@ -0,0 +1,7 @@
+export var EnvironmentTypes;
+(function (EnvironmentTypes) {
+    EnvironmentTypes["PRODUCTION"] = "production";
+    EnvironmentTypes["DEVELOPMENT"] = "development";
+    EnvironmentTypes["TEST"] = "test";
+})(EnvironmentTypes || (EnvironmentTypes = {}));
+//# sourceMappingURL=types.js.map

package/dist/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../types.ts"],"names":[],"mappings":"AA0HA,MAAM,CAAN,IAAY,gBAIX;AAJD,WAAY,gBAAgB;IAC1B,6CAAyB,CAAA;IACzB,+CAA2B,CAAA;IAC3B,iCAAa,CAAA;AACf,CAAC,EAJW,gBAAgB,KAAhB,gBAAgB,QAI3B","sourcesContent":["import { FC, ReactElement, ReactNode } from 'react';\nimport { MessageDescriptor } from 'react-intl';\nimport { RouteObject } from 'react-router';\nimport { SlotOperation } from './runtime/slots/types';\n\n// Apps\n\nexport interface ExternalRoute {\n  role: string,\n  url: string,\n}\n\nexport type RoleRouteObject = RouteObject & {\n  handle?: {\n    /**\n     * Route roles identify the purpose(s) a route fulfills in the site.\n     */\n    roles?: string[],\n  },\n};\n\nexport type AppConfig = Record<string, unknown>;\n\nexport type AppProvider = FC<{ children?: ReactNode }>;\n\nexport interface App {\n  appId: string,\n  routes?: RoleRouteObject[],\n  providers?: AppProvider[],\n  slots?: SlotOperation[],\n  externalScripts?: ExternalScriptLoaderClass[],\n  config?: AppConfig,\n  provides?: Record<string, unknown>,\n}\n\n// External Scripts\n\nexport interface ExternalScriptLoader {\n  loadScript(): void,\n}\n\nexport type ExternalScriptLoaderClass = new (data: { config: AppConfig }) => ExternalScriptLoader;\n\n// Site Config\n\nexport interface RequiredSiteConfig {\n  siteId: string,\n  siteName: string,\n  baseUrl: string,\n\n  // Backends\n  lmsBaseUrl: string,\n\n  // Frontends\n  loginUrl: string,\n  logoutUrl: string,\n}\n\nexport type LocalizedMessages = Record<string, Record<string, string>>;\nexport type SiteMessages = LocalizedMessages[];\n\nexport interface OptionalSiteConfig {\n  // Site environment\n  environment: EnvironmentTypes,\n\n  // Apps, routes, and URLs\n  apps: App[],\n  basename: string,\n  externalRoutes: ExternalRoute[],\n  externalLinkUrlOverrides: string[],\n  runtimeConfigJsonUrl: string | null,\n  commonAppConfig: AppConfig,\n  headerLogoImageUrl: string,\n\n  // Theme\n  theme: Theme,\n\n  // Cookies\n  accessTokenCookieName: string,\n  languagePreferenceCookieName: string,\n  userInfoCookieName: string,\n\n  // Paths\n  csrfTokenApiPath: string,\n  refreshAccessTokenApiPath: string,\n\n  // Logging\n  ignoredErrorRegex: RegExp | null,\n\n  // Analytics\n  segmentKey: string | null,\n}\n\nexport type SiteConfig = RequiredSiteConfig & Partial<OptionalSiteConfig>;\n\nexport interface ThemeVariant {\n  url: string,\n}\n\nexport interface ThemeDefaults {\n  light?: string,\n  dark?: string,\n}\n\nexport type ThemeVariants = Record<string, ThemeVariant>;\n\nexport interface Theme {\n  core?: ThemeVariant,\n  defaults?: ThemeDefaults,\n  variants?: ThemeVariants,\n}\n\nexport interface User {\n  administrator: boolean,\n  email: string,\n  name: string,\n  roles: string[],\n  userId: number,\n  username: string,\n  avatar: string,\n}\n\nexport enum EnvironmentTypes {\n  PRODUCTION = 'production',\n  DEVELOPMENT = 'development',\n  TEST = 'test',\n}\n\n// Menu Items\n\nexport type MenuItemName = string | MessageDescriptor | ReactElement;\n"]}

package/package.json

@@ -1,32 +1,46 @@
 {
   "name": "@openedx/frontend-base",
-  "version": "1.0.0-alpha.4",
+  "version": "1.0.0-alpha.41",
   "description": "Build tools, setup and config for frontend apps",
   "publishConfig": {
     "access": "public"
   },
-  "main": "index.ts",
+  "exports": {
+    ".": "./dist/index.js",
+    "./tools": "./dist/tools/index.js",
+    "./tools/tsconfig.json": "./dist/tools/typescript/tsconfig.json",
+    "./shell/layer-order.scss": "./dist/shell/layer-order.scss",
+    "./shell/style": "./dist/shell/style.js",
+    "./shell/site": "./dist/shell/site.js"
+  },
   "files": [
-    "/config",
-    "/runtime",
-    "/tools/dist",
-    "/shell",
-    "/types.ts"
+    "/dist"
   ],
   "bin": {
-    "intl-imports.js": "tools/dist/cli/scripts/intl-imports.js",
-    "openedx": "tools/dist/cli/openedx.js",
-    "transifex-utils.js": "tools/dist/cli/scripts/transifex-utils.js"
+    "openedx": "./dist/tools/cli/openedx.js"
+  },
+  "atlasTranslations": {
+    "path": "translations/frontend-base/src/i18n/messages",
+    "dependencies": [
+      "@openedx/paragon"
+    ]
   },
   "scripts": {
     "build": "make build",
-    "clean": "rm -rf dist",
-    "dev": "npm run build && node ./tools/dist/cli/openedx.js dev:shell",
+    "clean": "make clean",
+    "dev": "npm run build && node ./dist/tools/cli/openedx.js dev:shell",
     "docs": "jsdoc -c jsdoc.json",
-    "docs:watch": "nodemon -w runtime -w docs/template -w README.md -e js,jsx,ts,tsx --exec npm run docs",
     "lint": "eslint .; npm run lint:tools; npm --prefix ./test-site run lint",
+    "lint:fix": "eslint . --fix; npm run lint:fix:tools",
     "lint:tools": "cd ./tools && eslint . && cd ..",
-    "test": "jest"
+    "lint:fix:tools": "cd ./tools && eslint . --fix && cd ..",
+    "pack": "mkdir -p pack && npm pack --silent --pack-destination pack >/dev/null && mv \"$(ls -t pack/*.tgz | head -n 1)\" pack/openedx-frontend-base.tgz",
+    "prepack": "npm run build",
+    "test": "jest",
+    "watch:build": "nodemon --exec 'npm run build'",
+    "watch:docs": "nodemon --watch docs/template --watch README.md --exec npm run docs",
+    "watch:pack": "nodemon --exec 'npm run pack'",
+    "i18n_extract": "npm run build && node ./dist/tools/cli/openedx.js formatjs extract --include=shell"
   },
   "repository": {
     "type": "git",
@@ -40,7 +54,8 @@
   },
   "sideEffects": [
     "*.css",
-    "*.scss"
+    "*.scss",
+    "**/shell/style.{js,ts}"
   ],
   "homepage": "https://github.com/openedx/frontend-base#readme",
   "dependencies": {
@@ -53,8 +68,9 @@
     "@eslint/js": "^9.13.0",
     "@formatjs/cli": "^6.0.3",
     "@formatjs/ts-transformer": "^3.13.14",
-    "@pmmmwh/react-refresh-webpack-plugin": "^0.5.15",
+    "@pmmmwh/react-refresh-webpack-plugin": "^0.6.0",
     "@stylistic/eslint-plugin": "^2.9.0",
+    "@tanstack/react-query-devtools": "^5.99.0",
     "@types/eslint__js": "^8.42.3",
     "@types/gradient-string": "^1.1.6",
     "autoprefixer": "^10.4.20",
@@ -81,39 +97,38 @@
     "glob": "^7.2.3",
     "globals": "^15.11.0",
     "gradient-string": "^2.0.2",
-    "html-webpack-plugin": "5.6.0",
+    "html-webpack-plugin": "5.6.7",
     "identity-obj-proxy": "3.0.0",
     "image-minimizer-webpack-plugin": "3.8.3",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
+    "jest-localstorage-mock": "^2.4.26",
     "jwt-decode": "^3.1.2",
     "localforage": "^1.10.0",
     "localforage-memoryStorageDriver": "^0.9.2",
-    "lodash.camelcase": "^4.3.0",
-    "lodash.memoize": "^4.1.2",
-    "lodash.merge": "^4.6.2",
-    "lodash.snakecase": "^4.1.1",
+    "lodash": "^4.18.1",
     "mini-css-extract-plugin": "1.6.2",
-    "parse5": "7.1.2",
+    "parse5": "7.3.0",
     "postcss": "^8.4.47",
     "postcss-custom-media": "10.0.8",
     "postcss-loader": "7.3.4",
     "postcss-rtlcss": "^5.5.0",
     "prop-types": "^15.8.1",
     "react-dev-utils": "12.0.1",
-    "react-focus-on": "^3.9.4",
+    "react-focus-on": "^3.10.2",
     "react-intl": "^6.6.6",
-    "react-refresh": "0.16.0",
+    "react-refresh": "0.18.0",
     "react-refresh-typescript": "^2.0.9",
     "react-responsive": "^10.0.0",
     "react-transition-group": "^4.4.5",
     "resolve-url-loader": "^5.0.0",
     "sass-embedded": "^1.87.0",
     "sass-loader": "^16.0.2",
-    "sharp": "^0.33.5",
+    "sharp": "^0.34.0",
     "source-map-loader": "4.0.2",
     "style-loader": "^4.0.0",
-    "ts-loader": "^9.5.1",
+    "ts-loader": "^9.5.7",
+    "tsconfig-paths-webpack-plugin": "^4.2.0",
     "typescript": "^5.6.3",
     "typescript-eslint": "^8.11.0",
     "universal-cookie": "^8.0.1",
@@ -124,7 +139,7 @@
     "webpack-cli": "^5.1.4",
     "webpack-dev-server": "^5.1.0",
     "webpack-merge": "^5.10.0",
-    "webpack-remove-empty-scripts": "1.0.4"
+    "webpack-remove-empty-scripts": "1.1.1"
   },
   "devDependencies": {
     "@edx/browserslist-config": "^1.5.0",
@@ -132,12 +147,11 @@
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.3.0",
     "@testing-library/user-event": "^14.6.1",
-    "@tsconfig/node20": "^20.1.5",
+    "@tsconfig/node24": "^24.0.4",
     "@types/compression": "^1.7.5",
     "@types/jest": "^29.5.14",
-    "@types/lodash.camelcase": "^4.3.9",
-    "@types/lodash.merge": "^4.6.9",
-    "@types/node": "^18.19.43",
+    "@types/lodash": "^4.17.24",
+    "@types/node": "^24.12.0",
     "@types/react": "^18.3.20",
     "@types/react-dom": "^18.3.6",
     "axios-mock-adapter": "^1.22.0",
@@ -146,7 +160,7 @@
     "nodemon": "^3.1.4"
   },
   "peerDependencies": {
-    "@openedx/paragon": "^22.20.2",
+    "@openedx/paragon": "^23.20.0",
     "@tanstack/react-query": "^5.81.2",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",

package/config/tsconfig.json

@@ -1,32 +0,0 @@
-{
-  "compilerOptions": {
-    "allowJs": true,
-    "allowSyntheticDefaultImports": true,
-    "declaration": true,
-    "esModuleInterop": true,
-    "forceConsistentCasingInFileNames": true,
-    "jsx": "react-jsx",
-    "lib": [
-      "DOM",
-      "DOM.Iterable",
-      "ESNext",
-      "esnext.intl",
-      "es2017.intl",
-      "es2018.intl"
-    ],
-    "isolatedModules": true,
-    "module": "ESNext",
-    "moduleResolution": "node",
-    "noEmit": true,
-    "noFallthroughCasesInSwitch": true,
-    "noImplicitAny": false,
-    "noImplicitThis": true,
-    "noUnusedParameters": true,
-    "resolveJsonModule": true,
-    "skipLibCheck": true,
-    "sourceMap": true,
-    "strict": true,
-    "strictFunctionTypes": false,
-    "target": "ES6"
-  }
-}

package/config/types.js

@@ -1,23 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CommandTypes = exports.ConfigTypes = void 0;
-var ConfigTypes;
-(function (ConfigTypes) {
-    ConfigTypes["BABEL"] = "babel";
-    ConfigTypes["WEBPACK_BUILD"] = "webpack-build";
-    ConfigTypes["WEBPACK_DEV"] = "webpack-dev";
-    ConfigTypes["WEBPACK_DEV_SHELL"] = "webpack-dev-shell";
-    ConfigTypes["LINT"] = "lint";
-    ConfigTypes["TEST"] = "test";
-})(ConfigTypes || (exports.ConfigTypes = ConfigTypes = {}));
-var CommandTypes;
-(function (CommandTypes) {
-    CommandTypes["LINT"] = "lint";
-    CommandTypes["TEST"] = "test";
-    CommandTypes["BUILD"] = "build";
-    CommandTypes["DEV_SHELL"] = "dev:shell";
-    CommandTypes["DEV"] = "dev";
-    CommandTypes["FORMAT_JS"] = "formatjs";
-    CommandTypes["SERVE"] = "serve";
-    CommandTypes["HELP"] = "help";
-})(CommandTypes || (exports.CommandTypes = CommandTypes = {}));

package/config/webpack/common-config/all/getIgnoreWarnings.js

@@ -1,14 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = getIgnoreWarnings;
-function getIgnoreWarnings() {
-    return [
-        // Ignore warnings raised by source-map-loader.
-        // some third party packages may ship miss-configured sourcemaps, that interrupts the build
-        // See: https://github.com/facebook/create-react-app/discussions/11278#discussioncomment-1780169
-        (warning) => !!(
-        // @ts-expect-error 'resource' is something TypeScript can't find for whatever reason.
-        warning.module?.resource.includes('node_modules')
-            && warning.details?.includes('source-map-loader')),
-    ];
-}

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

@@ -1,112 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = getStylesheetRule;
-const autoprefixer_1 = __importDefault(require("autoprefixer"));
-const cssnano_1 = __importDefault(require("cssnano"));
-const mini_css_extract_plugin_1 = __importDefault(require("mini-css-extract-plugin"));
-const path_1 = __importDefault(require("path"));
-const postcss_custom_media_1 = __importDefault(require("postcss-custom-media"));
-const postcss_rtlcss_1 = __importDefault(require("postcss-rtlcss"));
-/**
- * There are a few things we need to do here.
- *
- * - We only want to use MiniCssExtractPlugin on dependencies in dev, but not on our source code.
- * - We only want CssNano in production.
- */
-function getStylesheetRule(mode) {
-    if (mode === 'production') {
-        // In the production case, all files should go through MiniCssExtractPlugin.
-        return {
-            test: /(.scss|.css)$/,
-            use: [
-                mini_css_extract_plugin_1.default.loader,
-                ...getStyleUseConfig(mode),
-            ],
-        };
-    }
-    else {
-        // In the dev case, only our @openedx dependencies go through MiniCssExtractPlugin.
-        // We are not extracting CSS from the javascript bundles in development because extracting
-        // prevents hot-reloading from working, it increases build time, and we don't care about
-        // flash-of-unstyled-content issues in development.
-        return {
-            test: /(.scss|.css)$/,
-            oneOf: [
-                {
-                    resource: /(@openedx\/paragon|@(open)?edx\/brand)/,
-                    use: [
-                        mini_css_extract_plugin_1.default.loader,
-                        ...getStyleUseConfig(mode),
-                    ],
-                },
-                {
-                    use: [
-                        require.resolve('style-loader'), // creates style nodes from JS strings
-                        ...getStyleUseConfig(mode),
-                    ],
-                },
-            ]
-        };
-    }
-}
-function getStyleUseConfig(mode) {
-    return [
-        {
-            loader: require.resolve('css-loader'), // translates CSS into CommonJS
-            options: {
-                sourceMap: true,
-                modules: {
-                    // namedExport defaults to true in css-loader v7, but we rely on the old behavior.
-                    // Details here:
-                    // https://github.com/webpack-contrib/css-loader/blob/master/CHANGELOG.md#700-2024-04-04
-                    namedExport: false,
-                    mode: 'icss',
-                },
-            },
-        },
-        {
-            loader: require.resolve('postcss-loader'),
-            options: {
-                postcssOptions: {
-                    plugins: getPostCssLoaderPlugins(mode), // Different behavior for dev and production.
-                },
-            },
-        },
-        require.resolve('resolve-url-loader'),
-        {
-            loader: require.resolve('sass-loader'), // compiles Sass to CSS
-            options: {
-                sourceMap: true,
-                sassOptions: {
-                    includePaths: [
-                        path_1.default.join(process.cwd(), 'node_modules'),
-                        path_1.default.join(process.cwd(), 'src'),
-                    ],
-                    // 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'],
-                },
-            },
-        },
-    ];
-}
-/**
- * This exists just to conditionally include CssNano in production.
- */
-function getPostCssLoaderPlugins(mode) {
-    const plugins = [
-        (0, autoprefixer_1.default)({
-            remove: false, // Prevents removing vendor prefixes
-        }),
-        (0, postcss_rtlcss_1.default)(),
-    ];
-    // We want CSSNano third, and only in production.
-    if (mode === 'production') {
-        plugins.push((0, cssnano_1.default)());
-    }
-    plugins.push((0, postcss_custom_media_1.default)());
-    return plugins;
-}

package/config/webpack/common-config/dev/getDevServer.js

@@ -1,38 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = getDevServer;
-const path_1 = __importDefault(require("path"));
-const getPublicPath_1 = __importDefault(require("../../utils/getPublicPath"));
-function getDevServer() {
-    return {
-        allowedHosts: 'all',
-        headers: {
-            'Access-Control-Allow-Origin': '*',
-        },
-        // For obvious reasons, 'auto' won't work for publicPath here, so we
-        // force '/' unless PUBLIC_PATH is set.
-        historyApiFallback: {
-            index: path_1.default.join((0, getPublicPath_1.default)('/'), 'index.html'),
-            disableDotRule: true,
-        },
-        host: 'apps.local.openedx.io',
-        hot: true,
-        port: process.env.PORT ?? 8080,
-        proxy: [
-            {
-                context: ['/api/mfe_config/v1'],
-                target: 'http://local.openedx.io:8000',
-                changeOrigin: true,
-            }
-        ],
-        // Enable hot reloading server. It will provide WDS_SOCKET_PATH endpoint
-        // for the WebpackDevServer client so it can learn when the files were
-        // updated. The WebpackDevServer client is included as an entry point
-        // in the webpack development configuration. Note that only changes
-        // to CSS are currently hot reloaded. JS changes will refresh the browser.
-        webSocketServer: 'ws',
-    };
-}