@openedx/frontend-base 1.0.0-alpha.12 → 1.0.0-alpha.13

package/{tools/dist → dist/tools}/cli/openedx.js

@@ -64,7 +64,7 @@ switch (commandName) {
             srcFoldersString = `{${srcFoldersString}}`;
         }
         process.argv = process.argv.concat([
-            '--format', 'node_modules/@openedx/frontend-base/tools/dist/cli/utils/formatter.js',
+            '--format', path_1.default.resolve(__dirname, './utils/formatter.js'),
             '--ignore', `${srcFoldersString}/**/*.json`,
             '--ignore', `${srcFoldersString}/**/*.d.ts`,
             '--out-file', './temp/formatjs/Default.messages.json',

package/dist/tools/cli/transifex-utils.d.ts

@@ -0,0 +1,2 @@
+#!/usr/bin/env node
+export {};

package/dist/tools/cli/utils/ensureConfigFilenameOption.d.ts

@@ -0,0 +1,2 @@
+import { ConfigTypes } from '../../types';
+export declare function ensureConfigFilenameOption(configType: ConfigTypes, keys: string[]): void;

package/dist/tools/cli/utils/formatter.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/tools/cli/utils/getResolvedConfigPath.d.ts

@@ -0,0 +1,2 @@
+import { ConfigTypes } from '../../types';
+export default function getResolvedConfigPath(customConfigPath: string | null, configType: ConfigTypes): string | null;

package/dist/tools/cli/utils/prettyPrintTitle.d.ts

@@ -0,0 +1 @@
+export default function prettyPrintTitle(title: string): void;

package/dist/tools/cli/utils/printUsage.d.ts

@@ -0,0 +1 @@
+export default function printUsage(): void;

package/dist/tools/config-helpers/createConfig.d.ts

@@ -0,0 +1,2 @@
+import { ConfigTypes } from '../types';
+export default function createConfig(configType: ConfigTypes, configFragment?: any): any;

package/dist/tools/config-helpers/createLintConfig.d.ts

@@ -0,0 +1,2 @@
+import { ConfigWithExtends } from 'typescript-eslint';
+export default function createLintConfig(...configs: ConfigWithExtends[]): import("typescript-eslint").FlatConfig.ConfigArray;

package/dist/tools/config-helpers/getBaseConfig.d.ts

@@ -0,0 +1,2 @@
+import { ConfigTypes } from '../types';
+export default function getBaseConfig(configType: ConfigTypes): any;

package/dist/tools/defaultConfigPaths.d.ts

@@ -0,0 +1,8 @@
+export declare const defaultConfigPaths: {
+    babel: string[];
+    "webpack-build": string[];
+    "webpack-dev": string[];
+    "webpack-dev-shell": string[];
+    lint: string[];
+    test: string[];
+};

package/dist/tools/eslint/base.eslint.config.d.ts

@@ -0,0 +1,3 @@
+declare const _exports: tseslint.FlatConfig.Config[];
+export = _exports;
+import tseslint = require("typescript-eslint");

package/dist/tools/eslint.config.d.ts

@@ -0,0 +1,3 @@
+declare const _exports: tseslint.FlatConfig.Config[];
+export = _exports;
+import tseslint = require("typescript-eslint");

package/dist/tools/index.d.ts

@@ -0,0 +1,3 @@
+export { default as createConfig } from './config-helpers/createConfig';
+export { default as createLintConfig } from './config-helpers/createLintConfig';
+export { default as getBaseConfig } from './config-helpers/getBaseConfig';

package/dist/tools/jest/jest.config.d.ts

@@ -0,0 +1,15 @@
+export let testEnvironment: string;
+export namespace testEnvironmentOptions {
+    let url: string;
+}
+export let rootDir: string;
+export let moduleNameMapper: {
+    '\\.(css|scss)$': string;
+    'site.config': string;
+    '^@src/(.*)$': string;
+};
+export let collectCoverageFrom: string[];
+export let coveragePathIgnorePatterns: string[];
+export let transformIgnorePatterns: string[];
+export let modulePathIgnorePatterns: string[];
+export let testPathIgnorePatterns: string[];

package/dist/tools/jest.config.d.ts

@@ -0,0 +1,8 @@
+export let testEnvironment: string;
+export namespace testEnvironmentOptions {
+    let url: string;
+}
+export let collectCoverageFrom: string[];
+export let transformIgnorePatterns: string[];
+export let modulePathIgnorePatterns: string[];
+export let testPathIgnorePatterns: string[];

package/dist/tools/types.d.ts

@@ -0,0 +1,18 @@
+export declare enum ConfigTypes {
+    BABEL = "babel",
+    WEBPACK_BUILD = "webpack-build",
+    WEBPACK_DEV = "webpack-dev",
+    WEBPACK_DEV_SHELL = "webpack-dev-shell",
+    LINT = "lint",
+    TEST = "test"
+}
+export declare enum CommandTypes {
+    LINT = "lint",
+    TEST = "test",
+    BUILD = "build",
+    DEV_SHELL = "dev:shell",
+    DEV = "dev",
+    FORMAT_JS = "formatjs",
+    SERVE = "serve",
+    HELP = "help"
+}

package/{tools/dist → dist/tools}/typescript/tsconfig.json

@@ -16,7 +16,7 @@
         ],
         "isolatedModules": true,
         "module": "ESNext",
-        "moduleResolution": "node",
+        "moduleResolution": "bundler",
         "noEmit": true,
         "noFallthroughCasesInSwitch": true,
         "noImplicitAny": false,
@@ -24,6 +24,7 @@
         "noUnusedParameters": true,
         "resolveJsonModule": true,
         "skipLibCheck": true,
+        "inlineSources": true,
         "sourceMap": true,
         "strict": true,
         "strictFunctionTypes": false,

package/dist/tools/webpack/common-config/all/getCodeRules.d.ts

@@ -0,0 +1,2 @@
+import { RuleSetRule } from 'webpack';
+export default function getCodeRules(mode: 'dev' | 'production', resolvedSiteConfigPath: string): RuleSetRule[];

package/dist/tools/webpack/common-config/all/getFileLoaderRules.d.ts

@@ -0,0 +1,11 @@
+export default function getFileLoaderRules(): ({
+    test: RegExp;
+    loader: string;
+    options?: undefined;
+} | {
+    test: RegExp;
+    loader: string;
+    options: {
+        name: string;
+    };
+})[];

package/dist/tools/webpack/common-config/all/getImageMinimizer.d.ts

@@ -0,0 +1,5 @@
+import { Compiler } from 'image-minimizer-webpack-plugin';
+import { WebpackPluginInstance } from 'webpack';
+type ImageMinimizerReturnType = (false | '' | 0 | '...' | ((this: Compiler, compiler: Compiler) => void) | WebpackPluginInstance | null | undefined)[] | undefined;
+export default function getImageMinimizer(): ImageMinimizerReturnType;
+export {};

package/dist/tools/webpack/common-config/all/getStylesheetRule.d.ts

@@ -0,0 +1,8 @@
+import { RuleSetRule } from 'webpack';
+/**
+ * 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.
+ */
+export default function getStylesheetRule(mode: 'dev' | 'production'): RuleSetRule;

package/dist/tools/webpack/common-config/dev/getDevServer.d.ts

@@ -0,0 +1,2 @@
+import { Configuration } from 'webpack-dev-server';
+export default function getDevServer(): Configuration;

package/dist/tools/webpack/common-config/index.d.ts

@@ -0,0 +1,6 @@
+export { default as getCodeRules } from './all/getCodeRules';
+export { default as getFileLoaderRules } from './all/getFileLoaderRules';
+export { default as getImageMinimizer } from './all/getImageMinimizer';
+export { default as getStylesheetRule } from './all/getStylesheetRule';
+export { default as getDevServer } from './dev/getDevServer';
+export { default as getHtmlWebpackPlugin } from './site/getHtmlWebpackPlugin';

package/dist/tools/webpack/common-config/site/getHtmlWebpackPlugin.d.ts

@@ -0,0 +1,2 @@
+import HtmlWebpackPlugin from 'html-webpack-plugin';
+export default function getHtmlWebpackPlugin(): HtmlWebpackPlugin;

package/dist/tools/webpack/plugins/html-webpack-new-relic-plugin/HtmlWebpackNewRelicPlugin.d.ts

@@ -0,0 +1,18 @@
+import { Compiler } from 'webpack';
+declare enum OptionTypes {
+    ACCOUNT_ID = "accountID",
+    AGENT_ID = "agentID",
+    APPLICATION_ID = "applicationID",
+    LICENSE_KEY = "licenseKey",
+    TRUST_KEY = "trustKey"
+}
+type HtmlWebpackNewRelicPluginOptions = {
+    [key in OptionTypes]: string | undefined;
+};
+export default class HtmlWebpackNewRelicPlugin {
+    options: HtmlWebpackNewRelicPluginOptions;
+    newRelicString: string;
+    constructor(options: Partial<HtmlWebpackNewRelicPluginOptions>);
+    apply(compiler: Compiler): void;
+}
+export {};

package/dist/tools/webpack/plugins/html-webpack-new-relic-plugin/index.d.ts

@@ -0,0 +1,2 @@
+export default HtmlWebpackNewRelicPlugin;
+import HtmlWebpackNewRelicPlugin from './HtmlWebpackNewRelicPlugin';

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

@@ -0,0 +1 @@
+export {};

package/dist/tools/webpack/plugins/html-webpack-new-relic-plugin/test/fixtures/entry.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/tools/webpack/utils/getPublicPath.d.ts

@@ -0,0 +1 @@
+export default function getPublicPath(defaultPath?: string): string;

package/dist/tools/webpack/utils/getResolvedSiteConfigPath.d.ts

@@ -0,0 +1 @@
+export default function getResolvedSiteConfigPath(defaultFilename: string): string;

package/dist/tools/webpack/webpack.config.build.d.ts

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

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

@@ -6,19 +6,18 @@ Object.defineProperty(exports, "__esModule", { value: true });
 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_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 getLocalAliases_1 = __importDefault(require("./utils/getLocalAliases"));
 const getPublicPath_1 = __importDefault(require("./utils/getPublicPath"));
 const getResolvedSiteConfigPath_1 = __importDefault(require("./utils/getResolvedSiteConfigPath"));
-const aliases = (0, getLocalAliases_1.default)();
 const resolvedSiteConfigPath = (0, getResolvedSiteConfigPath_1.default)('site.config.build.tsx');
 const config = {
     mode: 'production',
     devtool: 'source-map',
     entry: {
-        app: path_1.default.resolve(process.cwd(), 'node_modules/@openedx/frontend-base/shell/site'),
+        app: '@openedx/frontend-base/shell/site',
     },
     output: {
         filename: '[name].[chunkhash].js',
@@ -28,10 +27,14 @@ const config = {
     },
     resolve: {
         alias: {
-            ...aliases,
             'site.config': resolvedSiteConfigPath,
-            '@src': path_1.default.resolve(process.cwd(), 'src'),
         },
+        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'],
     },
     module: {

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

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

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

@@ -7,16 +7,15 @@ 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 getLocalAliases_1 = __importDefault(require("./utils/getLocalAliases"));
 const getPublicPath_1 = __importDefault(require("./utils/getPublicPath"));
 const getResolvedSiteConfigPath_1 = __importDefault(require("./utils/getResolvedSiteConfigPath"));
-const aliases = (0, getLocalAliases_1.default)();
 const resolvedSiteConfigPath = (0, getResolvedSiteConfigPath_1.default)('site.config.dev.tsx');
 const config = {
     entry: {
-        app: path_1.default.resolve(process.cwd(), 'node_modules/@openedx/frontend-base/shell/site'),
+        app: '@openedx/frontend-base/shell/site',
     },
     output: {
         path: path_1.default.resolve(process.cwd(), './dist'),
@@ -24,10 +23,14 @@ const config = {
     },
     resolve: {
         alias: {
-            ...aliases,
             'site.config': resolvedSiteConfigPath,
-            '@src': path_1.default.resolve(process.cwd(), 'src'),
         },
+        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',

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/{tools/dist → dist/tools}/webpack/webpack.config.dev.shell.js

@@ -12,10 +12,8 @@ const react_refresh_typescript_1 = __importDefault(require("react-refresh-typesc
 const webpack_remove_empty_scripts_1 = __importDefault(require("webpack-remove-empty-scripts"));
 const common_config_1 = require("./common-config");
 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 aliases = (0, getLocalAliases_1.default)();
 const resolvedSiteConfigPath = (0, getResolvedSiteConfigPath_1.default)('shell/site.config.dev.tsx');
 const config = {
     entry: {
@@ -27,9 +25,7 @@ const config = {
     },
     resolve: {
         alias: {
-            ...aliases,
             'site.config': resolvedSiteConfigPath,
-            '@src': path_1.default.resolve(process.cwd(), 'src'),
         },
         extensions: ['.js', '.jsx', '.ts', '.tsx'],
     },

package/dist/types.d.ts

@@ -0,0 +1,82 @@
+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?: {
+        /**
+         * A route role is used to identify a route that fulfills a particular role in the site.
+         */
+        role?: string;
+    };
+};
+export type AppConfig = Record<string, unknown>;
+export type AppProvider = FC<{
+    children?: ReactNode;
+}>;
+export interface App {
+    appId: string;
+    messages?: LocalizedMessages;
+    routes?: RoleRouteObject[];
+    providers?: AppProvider[];
+    slots?: SlotOperation[];
+    config?: AppConfig;
+}
+export interface RequiredSiteConfig {
+    siteId: string;
+    siteName: string;
+    baseUrl: string;
+    lmsBaseUrl: string;
+    loginUrl: string;
+    logoutUrl: string;
+}
+export type LocalizedMessages = Record<string, Record<string, string>>;
+export interface OptionalSiteConfig {
+    environment: EnvironmentTypes;
+    apps: App[];
+    basename: string;
+    externalRoutes: ExternalRoute[];
+    externalLinkUrlOverrides: string[];
+    runtimeConfigJsonUrl: string | null;
+    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":"AA8GA,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     * A route role is used to identify a route that fulfills a particular role in the site.\n     */\n    role?: 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  messages?: LocalizedMessages,\n  routes?: RoleRouteObject[],\n  providers?: AppProvider[],\n  slots?: SlotOperation[],\n  config?: AppConfig,\n}\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>>;\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\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,35 +1,37 @@
 {
   "name": "@openedx/frontend-base",
-  "version": "1.0.0-alpha.12",
+  "version": "1.0.0-alpha.13",
   "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/app.scss": "./dist/shell/app.scss",
+    "./shell/site": "./dist/shell/site.js"
+  },
   "files": [
-    "/config",
-    "/runtime",
-    "/tools/dist",
-    "/shell",
-    "/types.ts"
+    "/dist"
   ],
   "bin": {
-    "intl-imports.js": "tools/dist/cli/intl-imports.js",
-    "openedx": "tools/dist/cli/openedx.js",
-    "transifex-utils.js": "tools/dist/cli/transifex-utils.js"
+    "intl-imports.js": "./dist/tools/cli/intl-imports.js",
+    "openedx": "./dist/tools/cli/openedx.js",
+    "transifex-utils.js": "./dist/tools/cli/transifex-utils.js"
   },
   "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:tools": "cd ./tools && eslint . && cd ..",
-    "test": "jest",
-    "pack:local": "mkdir -p pack && npm pack --silent --pack-destination pack >/dev/null && mv \"$(ls -t pack/*.tgz | head -n 1)\" pack/openedx-frontend-base.tgz",
-    "build:pack": "make build && npm run pack:local",
-    "dev:pack": "nodemon --config nodemon.pack.json"
+    "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",
+    "pack:watch": "nodemon --config nodemon.pack.json",
+    "prepack": "npm run build",
+    "test": "jest"
   },
   "repository": {
     "type": "git",
@@ -60,6 +62,7 @@
     "@stylistic/eslint-plugin": "^2.9.0",
     "@types/eslint__js": "^8.42.3",
     "@types/gradient-string": "^1.1.6",
+    "@types/lodash.keyby": "^4.6.9",
     "autoprefixer": "^10.4.20",
     "axios": "^1.7.9",
     "axios-cache-interceptor": "^1.6.0",
@@ -94,6 +97,7 @@
     "localforage": "^1.10.0",
     "localforage-memoryStorageDriver": "^0.9.2",
     "lodash.camelcase": "^4.3.0",
+    "lodash.keyby": "^4.6.0",
     "lodash.memoize": "^4.1.2",
     "lodash.merge": "^4.6.2",
     "lodash.snakecase": "^4.1.1",
@@ -118,6 +122,7 @@
     "source-map-loader": "4.0.2",
     "style-loader": "^4.0.0",
     "ts-loader": "^9.5.1",
+    "tsconfig-paths-webpack-plugin": "^4.2.0",
     "typescript": "^5.6.3",
     "typescript-eslint": "^8.11.0",
     "universal-cookie": "^8.0.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/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/utils/getLocalAliases.js

@@ -1,65 +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 = getLocalAliases;
-const fs_1 = __importDefault(require("fs"));
-const path_1 = __importDefault(require("path"));
-/*
-This function reads in a 'module.config.js' file if it exists and uses its contents to define
-a set of webpack resolve.alias aliases for doing local development of application dependencies.
-It reads the package.json file of the dependency to determine if it has any peer dependencies, and
-then forces those peer dependencies to be resolved with the application's version.  Primarily, this
-is useful for making sure there's only one version of those dependencies loaded at once, which is a
-problem with both react and react-intl.
-
-The module.config.js file should have the form:
-
-{
-  localModules: [
-    { moduleName: 'nameOfPackage', dir: '../path/to/repo', dist: '/path/to/dist/in/repo' },
-    ... others...
-  ],
-}
-
-Some working examples, as of the time of this writing:
-
-{ moduleName: '@openedx/paragon/scss', dir: '../paragon', dist: 'scss' }
-{ moduleName: '@openedx/paragon', dir: '../paragon', dist: 'dist' }
-{ moduleName: '@openedx/frontend-base', dir: '../frontend-base', dist: 'dist' }
-
-*/
-function getLocalAliases() {
-    const aliases = {};
-    try {
-        const moduleConfigPath = path_1.default.resolve(process.cwd(), 'module.config.js');
-        if (!fs_1.default.existsSync(moduleConfigPath)) {
-            console.log('No local module configuration file found. This is fine.\n');
-            return aliases;
-        }
-        const { localModules } = require(moduleConfigPath);
-        let allPeerDependencies = [];
-        const excludedPeerPackages = [];
-        if (localModules.length > 0) {
-            console.info('Resolving modules from local directories via module.config.js.');
-        }
-        localModules.forEach(({ moduleName, dir, dist = '' }) => {
-            console.info(`Using local version of ${moduleName} from ${dir}/${dist}.`);
-            const { peerDependencies = {}, name } = require(path_1.default.resolve(process.cwd(), dir, 'package.json'));
-            allPeerDependencies = allPeerDependencies.concat(Object.keys(peerDependencies));
-            aliases[moduleName] = path_1.default.resolve(process.cwd(), dir, dist);
-            excludedPeerPackages.push(name);
-        });
-        allPeerDependencies = allPeerDependencies.filter((dep) => !excludedPeerPackages.includes(dep));
-        allPeerDependencies.forEach((dep) => {
-            aliases[dep] = path_1.default.resolve(process.cwd(), 'node_modules', dep);
-        });
-    }
-    catch (e) {
-        console.error(e);
-        console.error('Error in module.config.js parsing. module.config.js will be ignored.');
-        return {};
-    }
-    return aliases;
-}