@plone/volto 18.0.0-alpha.8 → 18.0.0

package/package.json

@@ -9,7 +9,7 @@
     }
   ],
   "license": "MIT",
-  "version": "18.0.0-alpha.8",
+  "version": "18.0.0",
   "repository": {
     "type": "git",
     "url": "git@github.com:plone/volto.git"
@@ -55,8 +55,11 @@
       "@plone/volto/babel": "<rootDir>/babel.js",
       "@plone/volto/(.*)$": "<rootDir>/src/$1",
       "@plone/volto-slate/(.*)$": "<rootDir>/../volto-slate/src/$1",
+      "@plone/registry/addon-registry$": "<rootDir>/node_modules/@plone/registry/dist/esm/addon-registry.js",
+      "@plone/registry/create-addons-loader$": "<rootDir>/node_modules/@plone/registry/dist/esm/create-addons-loader.js",
       "@plone/registry": "<rootDir>/../registry/src",
       "@plone/registry/(.*)$": "<rootDir>/../registry/src/$1",
+      "@plone/volto": "<rootDir>/src/index.js",
       "~/config": "<rootDir>/src/config",
       "~/../locales/${lang}.json": "<rootDir>/locales/en.json",
       "(.*)/locales/(.*)": "<rootDir>/locales/$2",
@@ -77,9 +80,12 @@
     },
     "setupFiles": [
       "./test-setup-globals.js",
-      "./test-setup-config.js"
+      "./test-setup-config.jsx"
     ],
     "globalSetup": "./global-test-setup.js",
+    "setupFilesAfterEnv": [
+      "<rootDir>/jest-setup-afterenv.js"
+    ],
     "globals": {
       "__DEV__": true
     },
@@ -139,110 +145,46 @@
     "not dead"
   ],
   "engines": {
-    "node": "^16 || ^18 || ^20"
+    "node": "^20 || ^22"
   },
   "dependencies": {
-    "@babel/core": "^7.0.0",
-    "@babel/eslint-parser": "7.22.15",
-    "@babel/plugin-proposal-export-default-from": "7.18.10",
-    "@babel/plugin-proposal-export-namespace-from": "7.18.9",
-    "@babel/plugin-proposal-json-strings": "7.18.6",
-    "@babel/plugin-proposal-nullish-coalescing-operator": "7.18.6",
-    "@babel/plugin-proposal-throw-expressions": "7.18.6",
-    "@babel/plugin-syntax-export-namespace-from": "7.8.3",
-    "@babel/runtime": "7.20.6",
-    "@babel/types": "7.20.5",
-    "@loadable/babel-plugin": "5.13.2",
     "@loadable/component": "5.14.1",
     "@loadable/server": "5.14.0",
-    "@loadable/webpack-plugin": "5.15.2",
-    "autoprefixer": "10.4.8",
-    "axe-core": "4.4.2",
-    "babel-plugin-add-module-exports": "0.2.1",
-    "babel-plugin-lodash": "3.3.4",
-    "babel-plugin-react-intl": "5.1.17",
-    "babel-plugin-root-import": "6.1.0",
-    "babel-preset-razzle": "4.2.17",
-    "circular-dependency-plugin": "5.2.2",
+    "@redux-devtools/extension": "^3.3.0",
     "classnames": "2.2.6",
-    "commander": "8.2.0",
     "connected-react-router": "6.8.0",
-    "crypto-random-string": "3.2.0",
-    "css-loader": "5.2.7",
     "debug": "4.3.2",
     "decorate-component-with-props": "1.2.1",
-    "deep-freeze": "0.0.1",
     "dependency-graph": "0.10.0",
     "detect-browser": "5.1.0",
     "diff": "3.5.0",
-    "draft-js": "0.10.5",
-    "draft-js-block-breakout-plugin": "2.0.1",
-    "draft-js-buttons": "2.0.2",
-    "draft-js-import-html": "1.4.1",
-    "draft-js-inline-toolbar-plugin": "2.0.3",
-    "draft-js-plugins-editor": "2.1.1",
-    "draft-js-plugins-utils": "2.0.3",
-    "draftjs-filters": "2.3.0",
-    "eslint": "8.49.0",
-    "eslint-config-prettier": "9.0.0",
-    "eslint-config-react-app": "7.0.1",
-    "eslint-import-resolver-alias": "1.1.2",
-    "eslint-import-resolver-babel-plugin-root-import": "1.1.1",
-    "eslint-plugin-import": "2.28.1",
-    "eslint-plugin-jsx-a11y": "^6.7.1",
-    "eslint-plugin-prettier": "5.0.0",
-    "eslint-plugin-react": "7.33.2",
-    "eslint-plugin-react-hooks": "4.6.0",
-    "express": "4.17.3",
+    "express": "4.19.2",
     "filesize": "6",
     "github-slugger": "1.4.0",
-    "glob": "7.1.6",
     "history": "4.10.1",
     "hoist-non-react-statics": "3.3.2",
-    "html-webpack-plugin": "5.5.0",
     "http-proxy-middleware": "2.0.1",
-    "identity-obj-proxy": "3.0.0",
     "image-extensions": "1.1.0",
     "immutable": "3",
     "is-hotkey": "0.2.0",
     "is-url": "1.2.4",
-    "jest-file": "1.0.0",
     "jotai": "2.0.3",
     "jwt-decode": "2.2.0",
-    "less": "3.11.1",
-    "less-loader": "11.1.0",
     "linkify-it": "3.0.2",
-    "lint-staged": "10.2.2",
     "locale": "0.1.0",
     "lodash": "4.17.21",
     "lodash-move": "1.1.1",
-    "lodash-webpack-plugin": "0.11.6",
-    "mini-css-extract-plugin": "2.7.2",
     "moment": "2.29.4",
-    "moment-locales-webpack-plugin": "1.2.0",
     "object-assign": "4.1.1",
-    "pofile": "1.0.10",
-    "postcss": "8.4.31",
-    "postcss-flexbugs-fixes": "5.0.2",
-    "postcss-less": "6.0.0",
-    "postcss-load-config": "3.1.4",
-    "postcss-loader": "7.0.2",
-    "postcss-overrides": "3.1.4",
-    "postcss-scss": "4.0.6",
     "prepend-http": "2",
-    "prettier": "3.0.3",
     "pretty-bytes": "5.3.0",
     "prismjs": "1.27.0",
     "process": "^0.11.10",
     "promise-file-reader": "1.0.2",
     "prop-types": "15.7.2",
     "query-string": "7.1.0",
-    "razzle": "4.2.18",
-    "razzle-dev-utils": "4.2.18",
-    "razzle-plugin-bundle-analyzer": "4.2.18",
-    "razzle-plugin-scss": "4.2.18",
     "rc-time-picker": "3.7.3",
-    "react": "17.0.2",
+    "react": "18.2.0",
     "react-anchor-link-smooth-scroll": "1.0.12",
     "react-animate-height": "2.0.17",
     "react-beautiful-dnd": "13.0.0",
@@ -251,55 +193,43 @@
     "react-detect-click-outside": "1.1.1",
     "react-dnd": "5.0.0",
     "react-dnd-html5-backend": "5.0.1",
-    "react-dom": "17.0.2",
+    "react-dom": "18.2.0",
     "react-dropzone": "11.1.0",
     "react-fast-compare": "2.0.4",
     "react-image-gallery": "1.2.7",
     "react-intersection-observer": "9.1.0",
-    "react-intl": "3.8.0",
-    "react-intl-redux": "2.2.0",
+    "react-intl": "3.12.1",
+    "react-intl-redux": "2.3.0",
     "react-medium-image-zoom": "3.0.15",
     "react-popper": "^2.3.0",
-    "react-portal": "4.2.1",
-    "react-redux": "7.2.4",
+    "react-redux": "8.1.2",
     "react-router": "5.2.0",
     "react-router-config": "5.1.1",
     "react-router-dom": "5.2.0",
     "react-router-hash-link": "2.4.3",
     "react-select": "4.3.1",
     "react-select-async-paginate": "0.5.3",
-    "react-share": "2.3.1",
-    "react-side-effect": "2.1.0",
+    "react-side-effect": "2.1.2",
     "react-simple-code-editor": "0.7.1",
     "react-sortable-hoc": "2.0.0",
-    "react-test-renderer": "17.0.2",
-    "react-toastify": "5.4.1",
+    "react-test-renderer": "18.2.0",
+    "react-toastify": "5.5.0",
     "react-transition-group": "4.4.5",
     "react-virtualized": "9.22.3",
-    "redraft": "0.10.2",
-    "redux": "4.1.0",
-    "redux-actions": "2.6.5",
+    "redux": "4.2.1",
+    "redux-actions": "3.0.0",
     "redux-connect": "10.0.0",
-    "redux-devtools-extension": "2.13.8",
-    "redux-localstorage-simple": "2.3.1",
+    "redux-localstorage-simple": "2.5.1",
     "redux-mock-store": "1.5.4",
-    "redux-thunk": "2.3.0",
+    "redux-thunk": "2.4.2",
     "rrule": "2.7.1",
     "semantic-ui-less": "2.4.1",
-    "semantic-ui-react": "2.0.3",
+    "semantic-ui-react": "2.1.5",
     "serialize-javascript": "3.1.0",
     "slate": "0.100.0",
     "slate-hyperscript": "0.100.0",
     "slate-react": "0.98.4",
-    "start-server-and-test": "1.14.0",
-    "style-loader": "3.3.1",
-    "stylelint": "15.10.3",
-    "stylelint-config-idiomatic-order": "9.0.0",
-    "stylelint-prettier": "4.0.2",
     "superagent": "3.8.2",
-    "svg-loader": "0.0.2",
-    "svgo-loader": "3.0.3",
-    "terser-webpack-plugin": "5.3.6",
     "tlds": "1.203.1",
     "undoo": "0.5.0",
     "universal-cookie": "4.0.4",
@@ -307,58 +237,129 @@
     "url": "^0.11.3",
     "use-deep-compare-effect": "1.8.1",
     "uuid": "^8.3.2",
-    "webpack": "5.76.1",
-    "webpack-dev-server": "4.11.1",
-    "webpack-node-externals": "3.0.0",
-    "xmlrpc": "1.3.2",
-    "yarnhook": "0.5.1",
-    "@plone/registry": "1.2.1",
-    "@plone/scripts": "3.3.1",
-    "@plone/volto-slate": "18.0.0-alpha.6"
+    "@plone/registry": "2.0.0",
+    "@plone/scripts": "3.7.0",
+    "@plone/volto-slate": "18.0.0"
   },
   "devDependencies": {
+    "@babel/core": "^7.0.0",
+    "@babel/eslint-parser": "7.22.15",
+    "@babel/plugin-proposal-export-default-from": "7.18.10",
+    "@babel/plugin-proposal-export-namespace-from": "7.18.9",
+    "@babel/plugin-proposal-json-strings": "7.18.6",
+    "@babel/plugin-proposal-nullish-coalescing-operator": "7.18.6",
+    "@babel/plugin-proposal-throw-expressions": "7.18.6",
+    "@babel/plugin-syntax-export-namespace-from": "7.8.3",
+    "@babel/runtime": "7.20.6",
+    "@babel/types": "7.20.5",
+    "@dnd-kit/core": "6.0.8",
+    "@dnd-kit/sortable": "7.0.2",
+    "@dnd-kit/utilities": "3.2.2",
+    "@fiverr/afterbuild-webpack-plugin": "^1.0.0",
     "@jest/globals": "^29.7.0",
-    "@storybook/addon-actions": "^6.5.15",
-    "@storybook/addon-controls": "6.5.15",
-    "@storybook/addon-essentials": "^6.5.15",
-    "@storybook/addon-links": "^6.5.15",
-    "@storybook/builder-webpack5": "^6.5.15",
-    "@storybook/manager-webpack5": "^6.5.15",
-    "@storybook/react": "^6.5.15",
-    "@testing-library/cypress": "9.0.0",
-    "@testing-library/jest-dom": "5.16.4",
-    "@testing-library/react": "12.1.5",
+    "@loadable/babel-plugin": "5.13.2",
+    "@loadable/webpack-plugin": "5.15.2",
+    "@sinonjs/fake-timers": "^6.0.1",
+    "@storybook/addon-actions": "^8.0.4",
+    "@storybook/addon-controls": "^8.0.4",
+    "@storybook/addon-docs": "^8.0.4",
+    "@storybook/addon-essentials": "^8.0.4",
+    "@storybook/addon-links": "^8.0.4",
+    "@storybook/addon-webpack5-compiler-babel": "^3.0.3",
+    "@storybook/react": "^8.0.4",
+    "@storybook/react-webpack5": "^8.0.4",
+    "@storybook/theming": "^8.0.4",
+    "@testing-library/cypress": "10.0.1",
+    "@testing-library/jest-dom": "6.4.2",
+    "@testing-library/react": "14.2.0",
     "@testing-library/react-hooks": "8.0.1",
+    "@types/history": "^4.7.11",
     "@types/jest": "^29.5.8",
+    "@types/loadable__component": "^5.13.9",
     "@types/lodash": "^4.14.201",
-    "@types/react": "^17.0.52",
-    "@types/react-dom": "^17",
-    "@types/react-test-renderer": "18.0.1",
-    "@typescript-eslint/eslint-plugin": "6.7.0",
-    "@typescript-eslint/parser": "6.7.0",
+    "@types/react": "^18",
+    "@types/react-dom": "^18",
+    "@types/react-router-dom": "^5.3.3",
+    "@types/react-test-renderer": "18.0.7",
+    "@types/uuid": "^9.0.2",
+    "@typescript-eslint/eslint-plugin": "^7.7.0",
+    "@typescript-eslint/parser": "^7.7.0",
+    "autoprefixer": "10.4.8",
+    "axe-core": "4.4.2",
     "babel-loader": "9.1.0",
+    "babel-plugin-add-module-exports": "0.2.1",
+    "babel-plugin-lodash": "3.3.4",
+    "babel-plugin-react-intl": "5.1.17",
+    "babel-plugin-root-import": "6.1.0",
+    "babel-preset-razzle": "4.2.18",
     "bundlewatch": "0.3.3",
-    "cypress": "13.1.0",
+    "circular-dependency-plugin": "5.2.2",
+    "css-loader": "5.2.7",
+    "cypress": "13.13.2",
     "cypress-axe": "1.5.0",
     "cypress-file-upload": "5.0.8",
+    "deep-freeze": "0.0.1",
+    "eslint": "^8.57.0",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-config-react-app": "^7.0.1",
+    "eslint-import-resolver-alias": "^1.1.2",
+    "eslint-import-resolver-babel-plugin-root-import": "^1.1.1",
+    "eslint-import-resolver-typescript": "^3.6.1",
+    "eslint-plugin-import": "^2.29.1",
+    "eslint-plugin-jsx-a11y": "^6.7.1",
+    "eslint-plugin-prettier": "^5.1.3",
+    "eslint-plugin-react": "^7.34.1",
+    "eslint-plugin-react-hooks": "^4.6.0",
     "full-icu": "1.4.0",
+    "html-webpack-plugin": "5.5.0",
     "identity-obj-proxy": "3.0.0",
     "jest": "26.6.3",
     "jest-environment-jsdom": "^26",
+    "jest-file": "1.0.0",
     "jsdom": "^16.7.0",
     "jsonwebtoken": "9.0.0",
+    "less": "3.11.1",
+    "less-loader": "11.1.0",
+    "lodash-webpack-plugin": "0.11.6",
+    "mini-css-extract-plugin": "2.7.2",
+    "moment-locales-webpack-plugin": "1.2.0",
+    "postcss": "8.4.31",
+    "postcss-flexbugs-fixes": "5.0.2",
+    "postcss-less": "6.0.0",
+    "postcss-load-config": "3.1.4",
+    "postcss-loader": "7.0.2",
+    "postcss-overrides": "3.1.4",
+    "postcss-scss": "4.0.6",
+    "prettier": "3.2.5",
+    "razzle": "4.2.18",
+    "razzle-dev-utils": "4.2.18",
+    "razzle-plugin-scss": "4.2.18",
     "react-docgen-typescript-plugin": "^1.0.5",
     "react-error-overlay": "6.0.9",
-    "react-is": "^16.13.1",
-    "release-it": "^16.2.1",
+    "react-is": "^18.2.0",
+    "release-it": "^17.1.1",
     "semver": "^7.5.4",
+    "start-server-and-test": "1.14.0",
+    "storybook": "^8.0.4",
+    "style-loader": "3.3.1",
+    "stylelint": "^16.3.1",
+    "stylelint-config-idiomatic-order": "10.0.0",
+    "stylelint-prettier": "5.0.0",
+    "svg-loader": "0.0.2",
+    "svgo-loader": "3.0.3",
+    "terser-webpack-plugin": "5.3.6",
     "tmp": "0.2.1",
     "ts-jest": "^26.4.2",
     "ts-loader": "9.4.4",
-    "typescript": "5.2.2",
+    "typescript": "^5.6.3",
     "use-trace-update": "1.3.2",
     "wait-on": "6.0.0",
+    "webpack": "5.90.1",
+    "webpack-bundle-analyzer": "4.10.1",
+    "webpack-dev-server": "4.11.1",
+    "webpack-node-externals": "3.0.0",
     "why": "0.6.2",
+    "@plone/types": "1.0.0",
     "@plone/volto-coresandbox": "1.0.0"
   },
   "volta": {
@@ -375,14 +376,14 @@
     "test:husky": "CI=true yarn test --bail --findRelatedTests",
     "test:debug": "node --inspect node_modules/.bin/jest --runInBand",
     "start:prod": "NODE_ENV=production node build/server.js",
-    "prettier": "./node_modules/.bin/prettier --single-quote --check '{src,cypress}/**/*.{js,jsx,ts,tsx}' --check '*.js'",
-    "prettier:fix": "./node_modules/.bin/prettier --single-quote --write '{src,cypress}/**/*.{js,jsx,ts,tsx}' --write '*.js'",
+    "prettier": "prettier --single-quote --check '{src,cypress}/**/*.{js,jsx,ts,tsx}' --check '*.js'",
+    "prettier:fix": "prettier --single-quote --write '{src,cypress}/**/*.{js,jsx,ts,tsx}' --write '*.js'",
     "prettier:husky": "prettier --single-quote --write",
-    "stylelint": "./node_modules/.bin/stylelint 'theme/**/*.{css,less}' 'src/**/*.{css,less}'",
-    "stylelint:overrides": "./node_modules/.bin/stylelint 'theme/**/*.overrides' 'src/**/*.overrides'",
+    "stylelint": "stylelint 'theme/**/*.{css,less}' 'src/**/*.{css,less}'",
+    "stylelint:overrides": "stylelint 'theme/**/*.overrides' 'src/**/*.overrides'",
     "stylelint:fix": "yarn stylelint --fix && yarn stylelint:overrides --fix",
-    "lint": "./node_modules/eslint/bin/eslint.js --max-warnings=0 'src/**/*.{js,jsx,ts,tsx,json}'",
-    "lint:fix": "./node_modules/eslint/bin/eslint.js --fix 'src/**/*.{js,jsx,ts,tsx,json}'",
+    "lint": "eslint --max-warnings=0 'src/**/*.{js,jsx,ts,tsx,json}'",
+    "lint:fix": "eslint --fix 'src/**/*.{js,jsx,ts,tsx,json}'",
     "lint:husky": "eslint --max-warnings=0 --fix",
     "i18n": "rm -rf build/messages && NODE_ENV=production i18n",
     "i18n:ci": "pnpm i18n && git diff -G'^[^\"POT]' --exit-code",
@@ -391,7 +392,7 @@
     "release": "release-it",
     "release-major-alpha": "release-it major --preRelease=alpha",
     "release-alpha": "release-it --preRelease=alpha",
-    "storybook": "start-storybook -p 6006",
-    "build-storybook": "build-storybook"
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build"
   }
 }

package/razzle.config.js

@@ -8,28 +8,31 @@ const fs = require('fs');
 const RootResolverPlugin = require('./webpack-plugins/webpack-root-resolver');
 const RelativeResolverPlugin = require('./webpack-plugins/webpack-relative-resolver');
 const { poToJson } = require('@plone/scripts/i18n.cjs');
-const createAddonsLoader = require('@plone/registry/src/create-addons-loader');
-const createThemeAddonsLoader = require('@plone/registry/src/create-theme-addons-loader');
-const AddonConfigurationRegistry = require('@plone/registry/src/addon-registry');
+const { createAddonsLoader } = require('@plone/registry/create-addons-loader');
+const {
+  createThemeAddonsLoader,
+} = require('@plone/registry/create-theme-loader');
+const { AddonRegistry } = require('@plone/registry/addon-registry');
 const CircularDependencyPlugin = require('circular-dependency-plugin');
 const TerserPlugin = require('terser-webpack-plugin');
 const CssMinimizerPlugin = require('css-minimizer-webpack-plugin');
 const MomentLocalesPlugin = require('moment-locales-webpack-plugin');
+const AfterBuildPlugin = require('@fiverr/afterbuild-webpack-plugin');
 
 const fileLoaderFinder = makeLoaderFinder('file-loader');
 
 const projectRootPath = path.resolve('.');
-const languages = require('./src/constants/Languages');
+const languages = require('./src/constants/Languages.cjs');
 
 const packageJson = require(path.join(projectRootPath, 'package.json'));
-
-const registry = new AddonConfigurationRegistry(projectRootPath);
+const { registry } = AddonRegistry.init(projectRootPath);
 
 const defaultModify = ({
   env: { target, dev },
   webpackConfig: config,
   webpackObject: webpack,
   options,
+  paths,
 }) => {
   // Compile language JSON files from po files
   poToJson({ registry, addonMode: false });
@@ -156,6 +159,66 @@ const defaultModify = ({
         placeholders: true,
       }),
     );
+
+    // This copies the publicPath files set in voltoConfigJS with the local `public`
+    // directory at build time
+    config.plugins.push(
+      new AfterBuildPlugin(() => {
+        const mergeDirectories = (sourceDir, targetDir) => {
+          const files = fs.readdirSync(sourceDir);
+          files.forEach((file) => {
+            const sourcePath = path.join(sourceDir, file);
+            const targetPath = path.join(targetDir, file);
+            const isDirectory = fs.statSync(sourcePath).isDirectory();
+            if (isDirectory) {
+              fs.mkdirSync(targetPath, { recursive: true });
+              mergeDirectories(sourcePath, targetPath);
+            } else {
+              fs.copyFileSync(sourcePath, targetPath);
+            }
+          });
+        };
+
+        // If we are in development mode, we copy the public directory to the
+        // public directory of the setup root, so the files are available
+        if (dev && !registry.isVoltoProject && registry.addonNames.length > 0) {
+          const devPublicPath = `${projectRootPath}/../../../public`;
+          if (!fs.existsSync(devPublicPath)) {
+            fs.mkdirSync(devPublicPath);
+          }
+          mergeDirectories(
+            path.join(projectRootPath, 'public'),
+            `${projectRootPath}/../../../public`,
+          );
+        }
+
+        registry.getAddonDependencies().forEach((addonDep) => {
+          // What comes from getAddonDependencies is in the form of `@package/addon:profile`
+          const addon = addonDep.split(':')[0];
+          // Check if the addon is available in the registry, just in case
+          if (registry.packages[addon]) {
+            const p = fs.realpathSync(
+              `${registry.packages[addon].modulePath}/../.`,
+            );
+            if (fs.existsSync(path.join(p, 'public'))) {
+              if (!dev) {
+                mergeDirectories(path.join(p, 'public'), paths.appBuildPublic);
+              }
+              if (
+                dev &&
+                !registry.isVoltoProject &&
+                registry.addonNames.length > 0
+              ) {
+                mergeDirectories(
+                  path.join(p, 'public'),
+                  `${projectRootPath}/../../../public`,
+                );
+              }
+            }
+          }
+        });
+      }),
+    );
   }
 
   if (target === 'node') {
@@ -166,6 +229,19 @@ const defaultModify = ({
       }),
     );
 
+    // Make the TerserPlugin accept ESNext features, since we are in 2024
+    // If this is not true, libraries already compiled for using only ESNext features
+    // won't work (eg. using a chaining operator)
+    config.optimization = Object.assign({}, config.optimization, {
+      minimizer: [
+        new TerserPlugin({
+          terserOptions: {
+            parse: { ecma: 'ESNext' },
+          },
+        }),
+      ],
+    });
+
     // Razzle sets some of its basic env vars in the default config injecting them (for
     // the client use, mainly) in a `DefinePlugin` instance. However, this also ends in
     // the server build, removing the ability of the server node process to read from
@@ -186,10 +262,10 @@ const defaultModify = ({
         newDefs['process.env.RAZZLE_PUBLIC_DIR'] = newDefs[
           'process.env.RAZZLE_PUBLIC_DIR'
         ].replace(projectRootPath, '.');
-        // Handles the PORT, so it takes the real PORT from the runtime enviroment var,
+        // Handles the PORT, so it takes the real PORT from the runtime environment var,
         // but keeps the one from build time, if different from 3000 (by not deleting it)
         // So build time one takes precedence, do not set it in build time if you want
-        // to control it always via runtime (assumming 3000 === not set in build time)
+        // to control it always via runtime (assuming 3000 === not set in build time)
         if (newDefs['process.env.PORT'] === '3000') {
           delete newDefs['process.env.PORT'];
         }
@@ -202,7 +278,7 @@ const defaultModify = ({
   // Don't load SVGs from ./src/icons with file-loader
   const fileLoader = config.module.rules.find(fileLoaderFinder);
   fileLoader.exclude = [
-    /\.(config|variables|overrides)$/,
+    /\.(config|variables|overrides|cjs)$/,
     /icons\/.*\.svg$/,
     ...fileLoader.exclude,
   ];
@@ -215,6 +291,8 @@ const defaultModify = ({
   const addonsLoaderPath = createAddonsLoader(
     registry.getAddonDependencies(),
     registry.getAddons(),
+    // The load of the project config is deprecated and will be removed in Volto 19.
+    { loadProjectConfig: true },
   );
 
   config.resolve.plugins = [
@@ -328,6 +406,9 @@ const defaultModify = ({
               // Add support for addons to include externals (ie. node_modules npm published packages)
               ...addonsAsExternals,
               /^@plone\/volto/,
+              /^@plone\/components/,
+              /^@plone\/client/,
+              /^@plone\/providers/,
             ].filter(Boolean),
           }),
         ]
@@ -371,12 +452,14 @@ module.exports = {
     webpackConfig,
     webpackObject,
     options,
+    paths,
   }) => {
     const defaultConfig = defaultModify({
       env: { target, dev },
       webpackConfig,
       webpackObject,
       options,
+      paths,
     });
 
     const res = addonExtenders.reduce(

package/src/actions/aliases/aliases.js

@@ -7,6 +7,7 @@ import {
   GET_ALIASES,
   ADD_ALIASES,
   REMOVE_ALIASES,
+  UPLOAD_ALIASES,
 } from '@plone/volto/constants/ActionTypes';
 
 /**
@@ -16,17 +17,19 @@ import {
  * @param {Object} options Options data.
  * @returns {Object} Get aliases action.
  */
-export function getAliases(url, options) {
-  const { query, manual, datetime, batchSize, batchStart } = options || {};
+export function getAliases(url, options = {}) {
+  const { query, batchSize, batchStart, ...rest } = options;
+  const params = new URLSearchParams({
+    q: query ?? '',
+    b_start: batchStart ?? 0,
+    b_size: batchSize ?? 99999999999,
+    ...rest,
+  });
   return {
     type: GET_ALIASES,
     request: {
       op: 'get',
-      path: `${url}/@aliases?q=${query ? query : ''}&manual=${
-        manual ? manual : ''
-      }&datetime=${datetime !== null ? datetime : ''}&b_size=${
-        batchSize ? batchSize : 99999999999
-      }&b_start=${batchStart ? batchStart : 0}`,
+      path: `${url}/@aliases?${params.toString()}`,
     },
   };
 }
@@ -66,3 +69,20 @@ export function removeAliases(url, data) {
     },
   };
 }
+
+/**
+ * Upload aliases function.
+ * @function uploadAliases
+ * @param {Object} file CSV file.
+ * @returns {Object} Upload aliases action.
+ */
+export function uploadAliases(file) {
+  return {
+    type: UPLOAD_ALIASES,
+    request: {
+      op: 'post',
+      path: '/@aliases',
+      attach: [['file', file]],
+    },
+  };
+}

package/src/actions/aliases/aliases.test.js

@@ -14,7 +14,7 @@ describe('Aliases action', () => {
       expect(action.type).toEqual(GET_ALIASES);
       expect(action.request.op).toEqual('get');
       expect(action.request.path).toEqual(
-        '/news/@aliases?q=&manual=&datetime=undefined&b_size=99999999999&b_start=0',
+        '/news/@aliases?q=&b_start=0&b_size=99999999999',
       );
     });
   });