@eeacms/volto-eea-website-policy 2.8.0 → 4.0.0

package/CHANGELOG.md

@@ -4,15 +4,32 @@ All notable changes to this project will be documented in this file. Dates are d
 
 Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 
-### [2.8.0](https://github.com/eea/volto-eea-website-policy/compare/2.7.0...2.8.0) - 4 December 2025
+### [4.0.0](https://github.com/eea/volto-eea-website-policy/compare/3.0.0...4.0.0) - 25 March 2026
 
 #### :rocket: New Features
 
-- feat: Custom ErrorView - refs #291209 [Nilesh - [`842a21b`](https://github.com/eea/volto-eea-website-policy/commit/842a21b2ae439c61ef30c12a6636feb09a8ddd2e)]
+- feat: Volto 18 support - refs #287700 [Alin Voinea - [`840b51d`](https://github.com/eea/volto-eea-website-policy/commit/840b51dbaf2b8fb2be9659647ebd5208531d403a)]
+
+#### :house: Internal changes
+
 
 #### :hammer_and_wrench: Others
 
-- Release 2.8.0 [Alin Voinea - [`1b2d223`](https://github.com/eea/volto-eea-website-policy/commit/1b2d22315096d7f6cf908e1ca5f0fd34c82ff9ed)]
+## [3.0.0](https://github.com/eea/volto-eea-website-policy/compare/2.8.0...3.0.0) - 23 December 2025
+
+#### :rocket: New Features
+
+- feat: Release 3.0.0 - enable language menu and drop Plone 4 redirects [Alin Voinea - [`66e232a`](https://github.com/eea/volto-eea-website-policy/commit/66e232a1665f5989051ce7251fbe613fb5a5992c)]
+- feat: Enable language dropdown, remove Plone 4 external routes, use english mega menu for all languages - refs #294286 [Alin Voinea - [`3459fef`](https://github.com/eea/volto-eea-website-policy/commit/3459fefabf78866c8c7a49b3940c969c8bd2938b)]
+
+#### :hammer_and_wrench: Others
+
+### [2.8.0](https://github.com/eea/volto-eea-website-policy/compare/2.7.0...2.8.0) - 4 December 2025
+
+#### :rocket: New Features
+
+- feat: Custom ErrorView - refs #291209 [Nilesh - [`842a21b`](https://github.com/eea/volto-eea-website-policy/commit/842a21b2ae439c61ef30c12a6636feb09a8ddd2e)]
+
 ### [2.7.0](https://github.com/eea/volto-eea-website-policy/compare/2.6.0...2.7.0) - 3 December 2025
 
 #### :rocket: New Features

package/DEVELOP.md

@@ -26,21 +26,20 @@
 
 ### Or add @eeacms/volto-eea-website-policy to your Volto project
 
-Before starting make sure your development environment is properly set. See [Volto Developer Documentation](https://docs.voltocms.com/getting-started/install/)
+Before starting make sure your development environment is properly set. See the official Plone documentation for [creating a project with Cookieplone](https://6.docs.plone.org/install/create-project-cookieplone.html) and [installing an add-on in development mode in Volto 18 and 19](https://6.docs.plone.org/volto/development/add-ons/install-an-add-on-dev-18.html).
 
-1.  Make sure you have installed `yo`, `@plone/generator-volto` and `mrs-developer`
+For new Volto 18+ projects, use Cookieplone. It includes `mrs-developer` by default.
 
-        npm install -g yo @plone/generator-volto mrs-developer
+1.  Create a new Volto project with Cookieplone
 
-1.  Create new volto app
-
-        yo @plone/volto my-volto-project --addon @eeacms/volto-eea-website-policy --skip-install
-        cd my-volto-project
+        uvx cookieplone project
+        cd project-title
 
 1.  Add the following to `mrs.developer.json`:
 
         {
             "volto-eea-website-policy": {
+                "output": "packages",
                 "url": "https://github.com/eea/volto-eea-website-policy.git",
                 "package": "@eeacms/volto-eea-website-policy",
                 "branch": "develop",
@@ -48,28 +47,31 @@ Before starting make sure your development environment is properly set. See [Vol
             }
         }
 
-1.  Install
+1.  Add `@eeacms/volto-eea-website-policy` to the `addons` key in your project `volto.config.js`
+
+1.  Install or refresh the project setup
 
-        make develop
-        yarn
+        make install
 
-1.  Start backend
+1.  Start backend in one terminal
 
-        docker run --pull always -it --rm --name plone -p 8080:8080 -e SITE=Plone plone/plone-backend
+        make backend-start
 
-    ...wait for backend to setup and start - `Ready to handle requests`:
+    ...wait for backend to setup and start, ending with `Ready to handle requests`
 
     ...you can also check http://localhost:8080/Plone
 
-1.  Start frontend
+1.  Start frontend in a second terminal
 
-        yarn start
+        make frontend-start
 
 1.  Go to http://localhost:3000
 
 1.  Happy hacking!
 
-        cd src/addons/volto-eea-website-policy/
+        cd packages/volto-eea-website-policy
+
+For legacy Volto 17 projects, keep using the yarn-based workflow from the Volto 17 documentation.
 
 ## Cypress
 
@@ -81,7 +83,7 @@ project where you added `volto-eea-website-policy` to `mrs.developer.json`
 Go to:
 
   ```BASH
-  cd src/addons/volto-eea-website-policy/
+  cd packages/volto-eea-website-policy/
   ```
 
 Start:

package/README.md

@@ -3,16 +3,16 @@
 [![Releases](https://img.shields.io/github/v/release/eea/volto-eea-website-policy)](https://github.com/eea/volto-eea-website-policy/releases)
 
 [![Pipeline](https://ci.eionet.europa.eu/buildStatus/icon?job=volto-addons%2Fvolto-eea-website-policy%2Fmaster&subject=master)](https://ci.eionet.europa.eu/view/Github/job/volto-addons/job/volto-eea-website-policy/job/master/display/redirect)
-[![Lines of Code](https://sonarqube.eea.europa.eu/api/project_badges/measure?project=volto-eea-website-policy-master&metric=ncloc)](https://sonarqube.eea.europa.eu/dashboard?id=volto-eea-website-policy-master)
-[![Coverage](https://sonarqube.eea.europa.eu/api/project_badges/measure?project=volto-eea-website-policy-master&metric=coverage)](https://sonarqube.eea.europa.eu/dashboard?id=volto-eea-website-policy-master)
-[![Bugs](https://sonarqube.eea.europa.eu/api/project_badges/measure?project=volto-eea-website-policy-master&metric=bugs)](https://sonarqube.eea.europa.eu/dashboard?id=volto-eea-website-policy-master)
-[![Duplicated Lines (%)](https://sonarqube.eea.europa.eu/api/project_badges/measure?project=volto-eea-website-policy-master&metric=duplicated_lines_density)](https://sonarqube.eea.europa.eu/dashboard?id=volto-eea-website-policy-master)
+[![Lines of Code](https://sonarqube.eea.europa.eu/api/project_badges/measure?project=volto-eea-website-policy&metric=ncloc)](https://sonarqube.eea.europa.eu/dashboard?id=volto-eea-website-policy)
+[![Coverage](https://sonarqube.eea.europa.eu/api/project_badges/measure?project=volto-eea-website-policy&metric=coverage)](https://sonarqube.eea.europa.eu/dashboard?id=volto-eea-website-policy)
+[![Bugs](https://sonarqube.eea.europa.eu/api/project_badges/measure?project=volto-eea-website-policy&metric=bugs)](https://sonarqube.eea.europa.eu/dashboard?id=volto-eea-website-policy)
+[![Duplicated Lines (%)](https://sonarqube.eea.europa.eu/api/project_badges/measure?project=volto-eea-website-policy&metric=duplicated_lines_density)](https://sonarqube.eea.europa.eu/dashboard?id=volto-eea-website-policy)
 
 [![Pipeline](https://ci.eionet.europa.eu/buildStatus/icon?job=volto-addons%2Fvolto-eea-website-policy%2Fdevelop&subject=develop)](https://ci.eionet.europa.eu/view/Github/job/volto-addons/job/volto-eea-website-policy/job/develop/display/redirect)
-[![Lines of Code](https://sonarqube.eea.europa.eu/api/project_badges/measure?project=volto-eea-website-policy-develop&metric=ncloc)](https://sonarqube.eea.europa.eu/dashboard?id=volto-eea-website-policy-develop)
-[![Coverage](https://sonarqube.eea.europa.eu/api/project_badges/measure?project=volto-eea-website-policy-develop&metric=coverage)](https://sonarqube.eea.europa.eu/dashboard?id=volto-eea-website-policy-develop)
-[![Bugs](https://sonarqube.eea.europa.eu/api/project_badges/measure?project=volto-eea-website-policy-develop&metric=bugs)](https://sonarqube.eea.europa.eu/dashboard?id=volto-eea-website-policy-develop)
-[![Duplicated Lines (%)](https://sonarqube.eea.europa.eu/api/project_badges/measure?project=volto-eea-website-policy-develop&metric=duplicated_lines_density)](https://sonarqube.eea.europa.eu/dashboard?id=volto-eea-website-policy-develop)
+[![Lines of Code](https://sonarqube.eea.europa.eu/api/project_badges/measure?project=volto-eea-website-policy&branch=develop&metric=ncloc)](https://sonarqube.eea.europa.eu/dashboard?id=volto-eea-website-policy&branch=develop)
+[![Coverage](https://sonarqube.eea.europa.eu/api/project_badges/measure?project=volto-eea-website-policy&branch=develop&metric=coverage)](https://sonarqube.eea.europa.eu/dashboard?id=volto-eea-website-policy&branch=develop)
+[![Bugs](https://sonarqube.eea.europa.eu/api/project_badges/measure?project=volto-eea-website-policy&branch=develop&metric=bugs)](https://sonarqube.eea.europa.eu/dashboard?id=volto-eea-website-policy&branch=develop)
+[![Duplicated Lines (%)](https://sonarqube.eea.europa.eu/api/project_badges/measure?project=volto-eea-website-policy&branch=develop&metric=duplicated_lines_density)](https://sonarqube.eea.europa.eu/dashboard?id=volto-eea-website-policy&branch=develop)
 
 
 EEA Main Website (Plone 6) [Volto](https://github.com/plone/volto) Frontend Policy
@@ -32,6 +32,11 @@ EEA Main Website (Plone 6) [Volto](https://github.com/plone/volto) Frontend Poli
 
 Go to http://localhost:3000
 
+`make start` now defaults to Volto 18. To run the same setup against Volto 17, use:
+
+      VOLTO_VERSION=17 make
+      VOLTO_VERSION=17 make start
+
 ### Add volto-eea-website-policy to your Volto project
 
 1. Make sure you have a [Plone backend](https://plone.org/download) up-and-running at http://localhost:8080/Plone
@@ -45,30 +50,39 @@ Go to http://localhost:3000
 * If you already have a volto project, just update `package.json`:
 
    ```JSON
-   "addons": [
-       "@eeacms/volto-eea-website-policy"
-   ],
-
    "dependencies": {
        "@eeacms/volto-eea-website-policy": "*"
    }
    ```
 
-* If not, create one:
+   and `volto.config.js`:
+
+   ```JavaScript
+   const addons = ['@eeacms/volto-eea-website-policy'];
+   ```
+
+* If not, create one with Cookieplone, as recommended by the official Plone documentation for Volto 18+:
 
    ```
-   npm install -g yo @plone/generator-volto
-   yo @plone/volto my-volto-project --canary --addon @eeacms/volto-eea-website-policy
-   cd my-volto-project
+   uvx cookieplone project
+   cd project-title
    ```
 
-1. Install new add-ons and restart Volto:
+1. Install or update dependencies, then start the project:
 
    ```
-   yarn
-   yarn start
+   make install
    ```
 
+   For a Cookieplone project, start the backend and frontend in separate terminals:
+
+   ```
+   make backend-start
+   make frontend-start
+   ```
+
+   For a legacy Volto 17 project, install the package with `yarn` and restart the frontend as usual.
+
 1. Go to http://localhost:3000
 
 1. Happy editing!

package/docker-compose.yml

@@ -15,7 +15,7 @@ services:
       args:
         ADDON_NAME: "${ADDON_NAME}"
         ADDON_PATH: "${ADDON_PATH}"
-        VOLTO_VERSION: ${VOLTO_VERSION:-16}
+        VOLTO_VERSION: ${VOLTO_VERSION:-18-yarn}
     ports:
     - "3000:3000"
     - "3001:3001"

package/jest-addon.config.js

@@ -1,5 +1,24 @@
 require('dotenv').config({ path: __dirname + '/.env' });
 
+const fs = require('fs');
+const path = require('path');
+
+// Volto 18 exposes @plone/volto-slate as a top-level package.
+const voltoSlatePath = fs.existsSync(
+  path.join(
+    __dirname,
+    '..',
+    '..',
+    '..',
+    'node_modules',
+    '@plone',
+    'volto-slate',
+    'src',
+  ),
+)
+  ? '<rootDir>/node_modules/@plone/volto-slate/src'
+  : '<rootDir>/node_modules/@plone/volto/packages/volto-slate/src';
+
 module.exports = {
   testMatch: ['**/src/addons/**/?(*.)+(spec|test).[jt]s?(x)'],
   collectCoverageFrom: [
@@ -19,10 +38,8 @@ module.exports = {
     '@eeacms/search/(.*)$': '<rootDir>/src/addons/volto-searchlib/searchlib/$1',
     '@eeacms/search': '<rootDir>/src/addons/volto-searchlib/searchlib',
     '@eeacms/(.*?)/(.*)$': '<rootDir>/node_modules/@eeacms/$1/src/$2',
-    '@plone/volto-slate$':
-      '<rootDir>/node_modules/@plone/volto/packages/volto-slate/src',
-    '@plone/volto-slate/(.*)$':
-      '<rootDir>/node_modules/@plone/volto/packages/volto-slate/src/$1',
+    '@plone/volto-slate$': voltoSlatePath,
+    '@plone/volto-slate/(.*)$': `${voltoSlatePath}/$1`,
     '~/(.*)$': '<rootDir>/src/$1',
     'load-volto-addons':
       '<rootDir>/node_modules/@plone/volto/jest-addons-loader.js',

package/locales/de/LC_MESSAGES/volto.po

@@ -11,4 +11,12 @@ msgstr ""
 "Content-Transfer-Encoding: \n"
 "Plural-Forms: \n"
 
+#. Default: "If this problem persists Contact EEA Web Team (web.helpdesk at eea.europa.eu)"
+#: components/ErrorView/ErrorView
+msgid "If this problem persists Contact EEA Web Team (web.helpdesk at eea.europa.eu)"
+msgstr ""
 
+#. Default: "Our apologies, our website is not available at the moment."
+#: components/ErrorView/ErrorView
+msgid "Our apologies, our website is not available at the moment."
+msgstr ""

package/locales/en/LC_MESSAGES/volto.po

@@ -11,4 +11,12 @@ msgstr ""
 "Content-Transfer-Encoding: \n"
 "Plural-Forms: \n"
 
+#. Default: "If this problem persists Contact EEA Web Team (web.helpdesk at eea.europa.eu)"
+#: components/ErrorView/ErrorView
+msgid "If this problem persists Contact EEA Web Team (web.helpdesk at eea.europa.eu)"
+msgstr ""
 
+#. Default: "Our apologies, our website is not available at the moment."
+#: components/ErrorView/ErrorView
+msgid "Our apologies, our website is not available at the moment."
+msgstr ""

package/locales/it/LC_MESSAGES/volto.po

@@ -11,4 +11,12 @@ msgstr ""
 "Content-Transfer-Encoding: \n"
 "Plural-Forms: \n"
 
+#. Default: "If this problem persists Contact EEA Web Team (web.helpdesk at eea.europa.eu)"
+#: components/ErrorView/ErrorView
+msgid "If this problem persists Contact EEA Web Team (web.helpdesk at eea.europa.eu)"
+msgstr ""
 
+#. Default: "Our apologies, our website is not available at the moment."
+#: components/ErrorView/ErrorView
+msgid "Our apologies, our website is not available at the moment."
+msgstr ""

package/locales/ro/LC_MESSAGES/volto.po

@@ -11,4 +11,12 @@ msgstr ""
 "Content-Transfer-Encoding: \n"
 "Plural-Forms: \n"
 
+#. Default: "If this problem persists Contact EEA Web Team (web.helpdesk at eea.europa.eu)"
+#: components/ErrorView/ErrorView
+msgid "If this problem persists Contact EEA Web Team (web.helpdesk at eea.europa.eu)"
+msgstr ""
 
+#. Default: "Our apologies, our website is not available at the moment."
+#: components/ErrorView/ErrorView
+msgid "Our apologies, our website is not available at the moment."
+msgstr ""

package/locales/volto.pot

@@ -1,7 +1,7 @@
 msgid ""
 msgstr ""
 "Project-Id-Version: Plone\n"
-"POT-Creation-Date: 2024-09-02T18:05:47.779Z\n"
+"POT-Creation-Date: 2025-12-04T19:37:35.684Z\n"
 "Last-Translator: Plone i18n <plone-i18n@lists.sourceforge.net>\n"
 "Language-Team: Plone i18n <plone-i18n@lists.sourceforge.net>\n"
 "Content-Type: text/plain; charset=utf-8\n"
@@ -13,9 +13,12 @@ msgstr ""
 "Preferred-Encodings: utf-8\n"
 "Domain: volto\n"
 
-#. Default: "Navigation"
-#: components/Blocks/ContextNavigation/variations/Accordion
-#: components/Blocks/ContextNavigation/variations/AccordionClaude
-#: components/Blocks/ContextNavigation/variations/AccordionOriginal
-msgid "Navigation"
+#. Default: "If this problem persists Contact EEA Web Team (web.helpdesk at eea.europa.eu)"
+#: components/ErrorView/ErrorView
+msgid "If this problem persists Contact EEA Web Team (web.helpdesk at eea.europa.eu)"
+msgstr ""
+
+#. Default: "Our apologies, our website is not available at the moment."
+#: components/ErrorView/ErrorView
+msgid "Our apologies, our website is not available at the moment."
 msgstr ""

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eeacms/volto-eea-website-policy",
-  "version": "2.8.0",
+  "version": "4.0.0",
   "description": "@eeacms/volto-eea-website-policy: Volto add-on",
   "main": "src/index.js",
   "author": "European Environment Agency: IDM2 A-Team",

package/src/components/Widgets/FrequencyOfDissemination.jsx

@@ -3,7 +3,7 @@ import cx from 'classnames';
 
 export const FrequencyOfDissemination = ({ value, children, className }) => {
   if (!value) {
-    return '';
+    return null;
   }
 
   const text = value > 1 ? `Every ${value} years` : 'Once a year';

package/src/components/Widgets/FrequencyOfDissemination.test.js

@@ -24,6 +24,6 @@ describe('FrequencyOfDissemination', () => {
 
   it('renders nothing when value is falsy', () => {
     const { container } = render(<FrequencyOfDissemination value={0} />);
-    expect(container.firstChild).toMatchSnapshot();
+    expect(container.firstChild).toBeNull();
   });
 });

package/src/helpers.test.js

@@ -2,7 +2,7 @@ import * as helpers from './helpers';
 import config from '@plone/volto/registry';
 import { serializeNodes } from '@plone/volto-slate/editor/render';
 import { isArray } from 'lodash';
-import '@testing-library/jest-dom/extend-expect';
+import '@testing-library/jest-dom';
 
 jest.mock('@plone/volto/registry', () => ({
   settings: {

package/src/index.js

@@ -1,4 +1,3 @@
-import { runtimeConfig } from '@plone/volto/runtime_config';
 import { appendGroup, getAsyncData } from './helpers';
 import { FrequencyOfDissemination } from '@eeacms/volto-eea-website-policy/components/Widgets/FrequencyOfDissemination';
 import ErrorView from '@eeacms/volto-eea-website-policy/components/ErrorView/ErrorView';
@@ -38,20 +37,6 @@ const overrideBlocks = {
 };
 
 const applyConfig = (config) => {
-  // #158717#note-25 any path that isn't static, en or controlpanel is treated as external
-  const notInEN =
-    /^(?!(#|\/en|\/login-authomatic|\/personal-information|\/azure_login|\/fallback_login|\/static|\/controlpanel|\/cypress|\/login|\/logout|\/contact-form|\/passwordreset)).*$/;
-  config.settings.externalRoutes = [
-    ...(config.settings.externalRoutes || []),
-    {
-      match: {
-        path: notInEN,
-        exact: false,
-        strict: false,
-      },
-    },
-  ];
-
   // #160689 Redirect contact-form to contact-us
   config.settings.contactForm = '/en/about/contact-us';
 
@@ -64,33 +49,15 @@ const applyConfig = (config) => {
     };
   }
 
+  // #293749 Language dropdown
+  config.settings.hasLanguageDropdown = true;
+
   //This only works if the component is wrapped in ErrorBoundary from volto
   config.registerComponent({
     name: 'ErrorBoundary',
     component: ErrorView,
   });
 
-  // #137187 Keycloak integration
-  if (runtimeConfig['RAZZLE_KEYCLOAK'] === 'Yes') {
-    config.settings.externalRoutes = [
-      ...(config.settings.externalRoutes || []),
-      {
-        match: {
-          path: '/login',
-          exact: true,
-          strict: false,
-        },
-      },
-      {
-        match: {
-          path: '/logout',
-          exact: true,
-          strict: false,
-        },
-      },
-    ];
-  }
-
   if (config.blocks.blocksConfig.embed_static_content) {
     //prepopulate data for SSR particularly for history diffs
     config.blocks.blocksConfig.embed_static_content.getAsyncData = getAsyncData;
@@ -108,7 +75,13 @@ const applyConfig = (config) => {
   config.settings.isMultilingual = true;
   config.settings.defaultLanguage =
     config.settings.eea?.defaultLanguage || 'en';
-  config.settings.supportedLanguages = ['en'];
+
+  config.settings.supportedLanguages = config.settings.eea?.languages?.map(
+    (item) => item.code,
+  ) || ['en'];
+
+  config.settings.navigationLanguage = 'en';
+
   // Disable languages #158616
   // config.settings.eea?.languages?.map(
   //   (item) => item.code,