@openedx/frontend-base 1.0.0-alpha.3 → 1.0.0-alpha.30

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

@@ -1,146 +0,0 @@
-"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/transifex-utils.js

@@ -1,68 +0,0 @@
-#!/usr/bin/env node
-"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 glob_1 = __importDefault(require("glob"));
-const path_1 = __importDefault(require("path"));
-/*
- * See the Makefile for how the required hash file is downloaded from Transifex.
- */
-/*
- * Expected input: a directory, possibly containing subdirectories, with .json files.  Each .json
- * file is an array of translation triplets (id, description, defaultMessage).
- *
- *
- */
-function gatherJson(dir) {
-    const ret = [];
-    const files = glob_1.default.sync(`${dir}/**/*.json`);
-    files.forEach((filename) => {
-        const messages = JSON.parse(fs_1.default.readFileSync(filename, { encoding: 'utf8' }));
-        ret.push(...messages);
-    });
-    return ret;
-}
-// the hash file returns ids whose periods are "escaped" (sort of), like this:
-// "key": "profile\\.sociallinks\\.social\\.links"
-// so our regular messageIds won't match them out of the box
-function escapeDots(messageId) {
-    return messageId.replace(/\./g, '\\.');
-}
-const jsonDir = process.argv[2];
-const messageObjects = gatherJson(jsonDir);
-if (messageObjects.length === 0) {
-    process.exitCode = 1;
-    throw new Error('Found no messages');
-}
-if (process.argv[3] === '--comments') { // prepare to handle the translator notes
-    const loggingPrefix = path_1.default.basename(`${__filename}`); // the name of this JS file
-    const bashScriptsPath = (process.argv[4] && process.argv[4] === '--v3-scripts-path'
-        ? './node_modules/@edx/reactifex/bash_scripts'
-        : './node_modules/reactifex/bash_scripts');
-    const hashFile = `${bashScriptsPath}/hashmap.json`;
-    process.stdout.write(`${loggingPrefix}: reading hash file ${hashFile}\n`);
-    const messageInfo = JSON.parse(fs_1.default.readFileSync(hashFile, { encoding: 'utf8' }));
-    const outputFile = `${bashScriptsPath}/hashed_data.txt`;
-    process.stdout.write(`${loggingPrefix}: writing to output file ${outputFile}\n`);
-    fs_1.default.writeFileSync(outputFile, '');
-    messageObjects.forEach((message) => {
-        const transifexFormatId = escapeDots(message.id);
-        const info = messageInfo.find((mi) => mi.key === transifexFormatId);
-        if (info) {
-            fs_1.default.appendFileSync(outputFile, `${info.string_hash}|${message.description}\n`);
-        }
-        else {
-            process.stdout.write(`${loggingPrefix}: string ${message.id} does not yet exist on transifex!\n`);
-        }
-    });
-}
-else {
-    const output = {};
-    messageObjects.forEach((message) => {
-        output[message.id] = message.defaultMessage;
-    });
-    fs_1.default.writeFileSync(process.argv[3], JSON.stringify(output, null, 2));
-}

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

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.format = (messages) => {
-    const results = Object.entries(messages).map(([id, message]) => ({
-        id,
-        defaultMessage: message.defaultMessage,
-        description: message.description,
-    }));
-    return results;
-};

package/tools/dist/config-helpers/createConfig.js

@@ -1,13 +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 = createConfig;
-const webpack_merge_1 = require("webpack-merge");
-const getBaseConfig_1 = __importDefault(require("./getBaseConfig"));
-function createConfig(configType, configFragment = {}) {
-    const baseConfig = (0, getBaseConfig_1.default)(configType);
-    return (0, webpack_merge_1.merge)(baseConfig, configFragment);
-}
-;

package/tools/dist/config-helpers/createLintConfig.js

@@ -1,16 +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 = createLintConfig;
-const typescript_eslint_1 = __importDefault(require("typescript-eslint"));
-const types_1 = require("../types");
-const getBaseConfig_1 = __importDefault(require("./getBaseConfig"));
-function createLintConfig(...configs) {
-    const baseConfig = (0, getBaseConfig_1.default)(types_1.ConfigTypes.LINT);
-    return typescript_eslint_1.default.config({
-        extends: baseConfig,
-    }, ...configs);
-}
-;

package/tools/dist/config-helpers/getBaseConfig.js

@@ -1,12 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = getBaseConfig;
-const defaultConfigPaths_1 = require("../defaultConfigPaths");
-function getBaseConfig(configType) {
-    const configPaths = defaultConfigPaths_1.defaultConfigPaths[configType];
-    if (configPaths === undefined) {
-        throw new Error(`openedx: ${configType} is not a supported config type.`);
-    }
-    return require(require.resolve(configPaths[configPaths.length - 1]));
-}
-;

package/tools/dist/defaultConfigPaths.js

@@ -1,35 +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.defaultConfigPaths = void 0;
-const path_1 = __importDefault(require("path"));
-const types_1 = require("./types");
-// These config paths are tested in the order they're defined, so the last ones are the last fallback.
-exports.defaultConfigPaths = {
-    [types_1.ConfigTypes.BABEL]: [
-        path_1.default.resolve(process.cwd(), 'babel.config.js'),
-        path_1.default.resolve(__dirname, './babel/babel.config.js'),
-    ],
-    [types_1.ConfigTypes.WEBPACK_BUILD]: [
-        path_1.default.resolve(process.cwd(), 'webpack.config.build.js'),
-        path_1.default.resolve(__dirname, './webpack/webpack.config.build.js'),
-    ],
-    [types_1.ConfigTypes.WEBPACK_DEV]: [
-        path_1.default.resolve(process.cwd(), 'webpack.config.dev.js'),
-        path_1.default.resolve(__dirname, './webpack/webpack.config.dev.js'),
-    ],
-    [types_1.ConfigTypes.WEBPACK_DEV_SHELL]: [
-        path_1.default.resolve(process.cwd(), 'webpack.config.dev.shell.js'),
-        path_1.default.resolve(__dirname, './webpack/webpack.config.dev.shell.js'),
-    ],
-    [types_1.ConfigTypes.LINT]: [
-        path_1.default.resolve(process.cwd(), 'eslint.config.js'),
-        path_1.default.resolve(__dirname, './eslint/base.eslint.config.js'),
-    ],
-    [types_1.ConfigTypes.TEST]: [
-        path_1.default.resolve(process.cwd(), 'jest.config.js'),
-        path_1.default.resolve(__dirname, './jest/jest.config.js'),
-    ],
-};

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

@@ -1,113 +0,0 @@
-"use strict";
-// @ts-check
-const { fixupPluginRules } = require('@eslint/compat');
-const eslint = require('@eslint/js');
-const formatjs = require('eslint-plugin-formatjs');
-const jest = require('eslint-plugin-jest');
-const jsxA11y = require('eslint-plugin-jsx-a11y');
-const react = require('eslint-plugin-react');
-const reactHooks = require('eslint-plugin-react-hooks');
-const globals = require('globals');
-const tseslint = require('typescript-eslint');
-const stylistic = require('@stylistic/eslint-plugin');
-module.exports = tseslint.config(eslint.configs.recommended, ...tseslint.configs.stylisticTypeChecked, ...tseslint.configs.recommended, stylistic.configs['recommended-flat'], {
-    ignores: [
-        'coverage/*',
-        'dist/*',
-        'node_modules/*',
-        '**/__mocks__/*',
-        '**/__snapshots__/*',
-    ],
-}, {
-    languageOptions: {
-        parserOptions: {
-            projectService: true,
-        }
-    }
-}, {
-    languageOptions: {
-        ...(react.configs.flat !== undefined ? react.configs.flat.recommended.languageOptions : {}),
-        globals: {
-            ...globals.browser,
-            ...globals.node,
-            ...globals.jest,
-            PARAGON_THEME: 'readonly',
-            newrelic: 'readonly',
-        },
-    },
-    plugins: {
-        jest,
-        // Type assertion is workaround for incorrect TypeScript
-        // types in eslint-plugin-react
-        //
-        // TODO: Remove when types are fixed in eslint-plugin-react
-        // - https://github.com/jsx-eslint/eslint-plugin-react/issues/3838
-        react: /** @type {import('eslint').ESLint.Plugin} */ (react),
-        'react-hooks': fixupPluginRules(reactHooks),
-        formatjs,
-        'jsx-a11y': jsxA11y,
-    },
-    settings: {
-        react: {
-            version: 'detect',
-        }
-    }
-}, {
-    rules: {
-        // For some reasons the 'flat' key in react.configs is optional, so Typescript complains if
-        // we don't guard using it.  But... it exists in the export, so something's odd with their types.
-        ...(react.configs.flat !== undefined ? react.configs.flat.recommended.rules : {}),
-        ...(react.configs.flat !== undefined ? react.configs.flat['jsx-runtime'].rules : {}),
-        ...reactHooks.configs.recommended.rules,
-        '@typescript-eslint/no-explicit-any': 'off',
-        '@typescript-eslint/non-nullable-type-assertion-style': 'off',
-        'react/no-array-index-key': 'error',
-        'formatjs/enforce-description': ['error', 'literal'],
-        'jsx-a11y/label-has-associated-control': ['error', {
-                labelComponents: [],
-                labelAttributes: [],
-                controlComponents: [],
-                assert: 'htmlFor',
-                depth: 25,
-            }],
-        // https://github.com/evcohen/eslint-plugin-jsx-a11y/issues/340#issuecomment-338424908
-        'jsx-a11y/anchor-is-valid': ['error', {
-                components: ['Link'],
-                specialLink: ['to'],
-            }],
-        '@typescript-eslint/no-unused-vars': ['error', {
-                caughtErrors: 'none',
-            }],
-        '@typescript-eslint/no-empty-function': 'off',
-        '@stylistic/semi': ['error', 'always', { omitLastInOneLineBlock: true, omitLastInOneLineClassBody: true }],
-        '@stylistic/quotes': ['error', 'single', {
-                avoidEscape: true,
-                allowTemplateLiterals: true,
-            }],
-        '@stylistic/comma-dangle': 'off',
-        '@stylistic/quote-props': ['error', 'as-needed'],
-        '@stylistic/arrow-parens': 'off',
-        '@stylistic/jsx-one-expression-per-line': 'off',
-        '@stylistic/multiline-ternary': 'off',
-        '@stylistic/brace-style': ['error', '1tbs'],
-        '@stylistic/member-delimiter-style': ['error', {
-                multiline: {
-                    delimiter: 'comma',
-                    requireLast: true,
-                },
-                singleline: {
-                    delimiter: 'comma',
-                    requireLast: false,
-                }
-            }],
-    },
-}, {
-    files: [
-        'babel.config.js',
-        'jest.config.js',
-        'eslint.config.js'
-    ],
-    rules: {
-        '@typescript-eslint/no-require-imports': 'off'
-    }
-});

package/tools/dist/index.js

@@ -1,12 +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.getBaseConfig = exports.createLintConfig = exports.createConfig = void 0;
-var createConfig_1 = require("./config-helpers/createConfig");
-Object.defineProperty(exports, "createConfig", { enumerable: true, get: function () { return __importDefault(createConfig_1).default; } });
-var createLintConfig_1 = require("./config-helpers/createLintConfig");
-Object.defineProperty(exports, "createLintConfig", { enumerable: true, get: function () { return __importDefault(createLintConfig_1).default; } });
-var getBaseConfig_1 = require("./config-helpers/getBaseConfig");
-Object.defineProperty(exports, "getBaseConfig", { enumerable: true, get: function () { return __importDefault(getBaseConfig_1).default; } });

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

@@ -1,52 +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 = getCodeRules;
-const ts_transformer_1 = require("@formatjs/ts-transformer");
-const react_refresh_typescript_1 = __importDefault(require("react-refresh-typescript"));
-function getCodeRules(mode, resolvedSiteConfigPath) {
-    const rules = [
-        {
-            test: /\.(js|jsx|ts|tsx)$/,
-            include: [
-                /src/,
-                /node_modules\/@openedx\/frontend-base/,
-                resolvedSiteConfigPath,
-            ],
-            use: {
-                loader: require.resolve('ts-loader'),
-                options: {
-                    transpileOnly: true,
-                    compilerOptions: {
-                        noEmit: false,
-                    },
-                    getCustomTransformers() {
-                        const before = [
-                            (0, ts_transformer_1.transform)({
-                                overrideIdFn: '[sha512:contenthash:base64:6]',
-                            }),
-                        ];
-                        if (mode === 'dev') {
-                            before.push((0, react_refresh_typescript_1.default)());
-                        }
-                        return {
-                            before,
-                        };
-                    },
-                },
-            },
-        },
-    ];
-    if (mode === 'production') {
-        rules.push({
-            test: /\.(js|jsx|ts|tsx)$/,
-            use: [
-                require.resolve('source-map-loader'),
-            ],
-            enforce: 'pre',
-        });
-    }
-    return rules;
-}

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

@@ -1,26 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = getFileLoaderRules;
-function getFileLoaderRules() {
-    return [
-        // Webpack, by default, uses the url-loader for images and fonts that are required/included by
-        // files it processes, which just base64 encodes them and inlines them in the javascript
-        // bundles. This makes the javascript bundles ginormous and defeats caching so we will use the
-        // file-loader instead to copy the files directly to the output directory.
-        {
-            test: /\.(woff2?|ttf|svg|eot)(\?v=\d+\.\d+\.\d+)?$/,
-            loader: require.resolve('file-loader'),
-        },
-        {
-            test: /favicon.ico$/,
-            loader: require.resolve('file-loader'),
-            options: {
-                name: '[name].[ext]', // <-- retain original file name
-            },
-        },
-        {
-            test: /\.(jpe?g|png|gif)(\?v=\d+\.\d+\.\d+)?$/,
-            loader: require.resolve('file-loader'),
-        },
-    ];
-}

package/tools/dist/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/tools/dist/webpack/common-config/all/getImageMinimizer.js

@@ -1,25 +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 = getImageMinimizer;
-const image_minimizer_webpack_plugin_1 = __importDefault(require("image-minimizer-webpack-plugin"));
-function getImageMinimizer() {
-    return [
-        '...',
-        new image_minimizer_webpack_plugin_1.default({
-            minimizer: {
-                implementation: image_minimizer_webpack_plugin_1.default.sharpMinify,
-                options: {
-                    encodeOptions: {
-                        ...['png', 'jpeg', 'jpg'].reduce((accumulator, value) => ({ ...accumulator, [value]: { progressive: true, quality: 65 } }), {}),
-                        gif: {
-                            effort: 5,
-                        },
-                    },
-                },
-            },
-        }),
-    ];
-}

package/tools/dist/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;
-}