diff --git a/config/data/paragonUtils.js b/config/data/paragonUtils.js index 70f77c94c..bef32c02e 100644 --- a/config/data/paragonUtils.js +++ b/config/data/paragonUtils.js @@ -134,7 +134,12 @@ function getParagonCacheGroups(paragonThemeCss) { /** * @param {ParagonThemeCss} paragonThemeCss The Paragon theme CSS metadata. - * @returns {Object.} The entry points for the Paragon theme CSS. + * @returns {Object.} The entry points for the Paragon theme CSS. Example: ``` + * { + * "paragon.theme.core": "/path/to/node_modules/@edx/paragon/dist/core.min.css", + * "paragon.theme.variants.light": "/path/to/node_modules/@edx/paragon/dist/light.min.css" + * } + * ``` */ function getParagonEntryPoints(paragonThemeCss) { const entryPoints = {}; diff --git a/config/webpack.common.config.js b/config/webpack.common.config.js index 7137b839e..88110ee81 100644 --- a/config/webpack.common.config.js +++ b/config/webpack.common.config.js @@ -13,6 +13,13 @@ const paragonThemeCss = getParagonThemeCss(process.cwd()); module.exports = { entry: { app: path.resolve(process.cwd(), './src/index'), + /** + * The entry points for the Paragon theme CSS. Example: ``` + * { + * "paragon.theme.core": "/path/to/node_modules/@edx/paragon/dist/core.min.css", + * "paragon.theme.variants.light": "/path/to/node_modules/@edx/paragon/dist/light.min.css" + * } + */ ...getParagonEntryPoints(paragonThemeCss), }, output: { diff --git a/config/webpack.dev.config.js b/config/webpack.dev.config.js index 36a2879bc..463f4974a 100644 --- a/config/webpack.dev.config.js +++ b/config/webpack.dev.config.js @@ -179,7 +179,6 @@ module.exports = merge(commonConfig, { new HtmlWebpackPlugin({ inject: true, // Appends script tags linking to the webpack bundles at the end of the body template: path.resolve(process.cwd(), 'public/index.html'), - chunks: ['app'], FAVICON_URL: process.env.FAVICON_URL || null, OPTIMIZELY_PROJECT_ID: process.env.OPTIMIZELY_PROJECT_ID || null, NODE_ENV: process.env.NODE_ENV || null, diff --git a/example/package-lock.json b/example/package-lock.json index 2165a197a..0b3fb1c23 100644 --- a/example/package-lock.json +++ b/example/package-lock.json @@ -9,7 +9,7 @@ "version": "1.0.0", "license": "ISC", "dependencies": { - "@edx/paragon": "21.0.0-alpha.30", + "@edx/paragon": "^21.0.0-alpha.31", "react": "16.14.0", "react-dom": "16.14.0" }, @@ -46,16 +46,22 @@ } }, "node_modules/@csstools/css-parser-algorithms": { - "version": "2.1.1", - "resolved": "https://registry.npmjs.org/@csstools/css-parser-algorithms/-/css-parser-algorithms-2.1.1.tgz", - "integrity": "sha512-viRnRh02AgO4mwIQb2xQNJju0i+Fh9roNgmbR5xEuG7J3TGgxjnE95HnBLgsFJOJOksvcfxOUCgODcft6Y07cA==", + "version": "2.2.0", + "resolved": "https://registry.npmjs.org/@csstools/css-parser-algorithms/-/css-parser-algorithms-2.2.0.tgz", + "integrity": "sha512-9BoQ/jSrPq4vv3b9jjLW+PNNv56KlDH5JMx5yASSNrCtvq70FCNZUjXRvbCeR9hYj9ZyhURtqpU/RFIgg6kiOw==", + "funding": [ + { + "type": "github", + "url": "https://github.com/sponsors/csstools" + }, + { + "type": "opencollective", + "url": "https://opencollective.com/csstools" + } + ], "engines": { "node": "^14 || ^16 || >=18" }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/csstools" - }, "peerDependencies": { "@csstools/css-tokenizer": "^2.1.1" } @@ -73,16 +79,22 @@ } }, "node_modules/@csstools/media-query-list-parser": { - "version": "2.0.4", - "resolved": "https://registry.npmjs.org/@csstools/media-query-list-parser/-/media-query-list-parser-2.0.4.tgz", - "integrity": "sha512-GyYot6jHgcSDZZ+tLSnrzkR7aJhF2ZW6d+CXH66mjy5WpAQhZD4HDke2OQ36SivGRWlZJpAz7TzbW6OKlEpxAA==", + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/@csstools/media-query-list-parser/-/media-query-list-parser-2.1.0.tgz", + "integrity": "sha512-MXkR+TeaS2q9IkpyO6jVCdtA/bfpABJxIrfkLswThFN8EZZgI2RfAHhm6sDNDuYV25d5+b8Lj1fpTccIcSLPsQ==", + "funding": [ + { + "type": "github", + "url": "https://github.com/sponsors/csstools" + }, + { + "type": "opencollective", + "url": "https://opencollective.com/csstools" + } + ], "engines": { "node": "^14 || ^16 || >=18" }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/csstools" - }, "peerDependencies": { "@csstools/css-parser-algorithms": "^2.1.1", "@csstools/css-tokenizer": "^2.1.1" @@ -95,9 +107,9 @@ "dev": true }, "node_modules/@edx/paragon": { - "version": "21.0.0-alpha.30", - "resolved": "https://registry.npmjs.org/@edx/paragon/-/paragon-21.0.0-alpha.30.tgz", - "integrity": "sha512-95MoV+av6pX97hwmrfgPmc1vSit43CtbA5kbNRY7Vt+Lj38JCzMYFGcG/PdHmSCpFsKG+34rUtB+G4+dbLQH1w==", + "version": "21.0.0-alpha.31", + "resolved": "https://registry.npmjs.org/@edx/paragon/-/paragon-21.0.0-alpha.31.tgz", + "integrity": "sha512-6iEwaLvyEn8+pMNO8Vuh9/xkaGK+i32q1bVoy0OeuKLwCVb6dJRwIMhOFQSQdSQ5KhAUBpIvPQD8Cm1PxyvYcw==", "dependencies": { "@popperjs/core": "^2.11.4", "bootstrap": "^4.6.2", @@ -1184,22 +1196,28 @@ } }, "node_modules/postcss-custom-media": { - "version": "9.1.3", - "resolved": "https://registry.npmjs.org/postcss-custom-media/-/postcss-custom-media-9.1.3.tgz", - "integrity": "sha512-W1C4Fu6KAZ7sKYQCuGMr8gyaE4BtjTQGPLVS4m0WCaWM6l7PgVbvmDeb4ClBc5R/7kdwESYf0hdxGtEPhi9CLA==", + "version": "9.1.4", + "resolved": "https://registry.npmjs.org/postcss-custom-media/-/postcss-custom-media-9.1.4.tgz", + "integrity": "sha512-4A7WEG3iIyKwfpxL5bkuSlHoHHGRTHl0212Z3uvpwJPyVfZJlkZAQNNgVC+oogrJgksDnfKyuuMbG6HafZPW8Q==", + "funding": [ + { + "type": "github", + "url": "https://github.com/sponsors/csstools" + }, + { + "type": "opencollective", + "url": "https://opencollective.com/csstools" + } + ], "dependencies": { "@csstools/cascade-layer-name-parser": "^1.0.2", "@csstools/css-parser-algorithms": "^2.1.1", "@csstools/css-tokenizer": "^2.1.1", - "@csstools/media-query-list-parser": "^2.0.4" + "@csstools/media-query-list-parser": "^2.1.0" }, "engines": { "node": "^14 || ^16 || >=18" }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/csstools" - }, "peerDependencies": { "postcss": "^8.4" } diff --git a/example/package.json b/example/package.json index 0f615aeec..18f0757a0 100644 --- a/example/package.json +++ b/example/package.json @@ -15,7 +15,7 @@ "author": "", "license": "ISC", "dependencies": { - "@edx/paragon": "21.0.0-alpha.30", + "@edx/paragon": "^21.0.0-alpha.31", "react": "16.14.0", "react-dom": "16.14.0" },