@eeacms/volto-eea-website-policy 2.7.0 → 3.0.0

package/CHANGELOG.md

@@ -4,6 +4,21 @@ 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).
 
+### [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
@@ -12,7 +27,6 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 
 #### :hammer_and_wrench: Others
 
-- Release 2.7.0 [Alin Voinea - [`351d759`](https://github.com/eea/volto-eea-website-policy/commit/351d75995c0327e4f8e59e447d4ec6ceaf15de7b)]
 ### [2.6.0](https://github.com/eea/volto-eea-website-policy/compare/2.5.1...2.6.0) - 6 August 2025
 
 #### :nail_care: Enhancements

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.7.0",
+  "version": "3.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/ErrorView/ErrorView.jsx

@@ -0,0 +1,191 @@
+import { FormattedMessage } from 'react-intl';
+import { Container } from 'semantic-ui-react';
+
+/**
+ * @function ErrorView
+ * @returns {string} Static Markup of the Error page.
+ */
+const ErrorView = ({ name, error }) => {
+  return (
+    <Container
+      className="view-wrapper"
+      style={{
+        fontFamily: 'Helvetica, sans-serif',
+        fontSize: '20px',
+        display: 'flex',
+        flexDirection: 'column',
+        justifyContent: 'center',
+        alignItems: 'center',
+        backgroundColor: '#006699',
+        minHeight: '100vh',
+        width: '100vw',
+        margin: 0,
+        padding: 0,
+        position: 'fixed',
+        top: 0,
+        left: 0,
+        right: 0,
+        bottom: 0,
+      }}
+    >
+      {__DEVELOPMENT__ && (
+        <>
+          {error && (
+            <div
+              style={{
+                backgroundColor: '#f8f8f8',
+                border: '1px solid #ddd',
+                borderRadius: '4px',
+                padding: '20px',
+                margin: '20px 0',
+                maxWidth: '90%',
+                overflow: 'auto',
+                textAlign: 'center',
+              }}
+            >
+              <h3 style={{ marginTop: 0, color: '#d32f2f' }}>
+                Error Details (Development Mode)
+              </h3>
+              {error.name && (
+                <p>
+                  <strong>Error Name:</strong> {error.name}
+                </p>
+              )}
+              {error.message && (
+                <p>
+                  <strong>Error Message:</strong> {error.message}
+                </p>
+              )}
+              {error.status && (
+                <p>
+                  <strong>Status:</strong> {error.status}
+                </p>
+              )}
+              {error.stack && (
+                <>
+                  <p>
+                    <strong>Stack Trace:</strong>
+                  </p>
+                  <pre
+                    style={{
+                      backgroundColor: '#f0f0f0',
+                      padding: '10px',
+                      borderRadius: '4px',
+                      fontSize: '12px',
+                      lineHeight: '1.4',
+                      overflow: 'auto',
+                      whiteSpace: 'pre-wrap',
+                      wordBreak: 'break-word',
+                    }}
+                  >
+                    {error.stack}
+                  </pre>
+                </>
+              )}
+              {name && (
+                <p>
+                  <strong>Component Name:</strong> {name}
+                </p>
+              )}
+            </div>
+          )}
+        </>
+      )}
+      {!__DEVELOPMENT__ && (
+        <div
+          style={{
+            display: 'flex',
+            flexDirection: 'column',
+            justifyContent: 'center',
+            alignItems: 'center',
+            textAlign: 'center',
+            width: '100%',
+            color: 'white',
+          }}
+        >
+          <div>
+            <h1
+              style={{
+                fontSize: '18px',
+                fontWeight: 'normal',
+                margin: '0 0 10px 0',
+                color: 'white',
+              }}
+            >
+              European Environment Agency (EEA)
+            </h1>
+            <a
+              href="https://www.eea.europa.eu"
+              style={{
+                color: 'white',
+                textDecoration: 'underline',
+                fontSize: '16px',
+              }}
+            >
+              www.eea.europa.eu
+            </a>
+          </div>
+
+          <div
+            style={{
+              borderTop: '1px solid rgba(255, 255, 255, 0.3)',
+              borderBottom: '1px solid rgba(255, 255, 255, 0.3)',
+              padding: '30px 0',
+              margin: '20px 0',
+              width: '600px',
+              maxWidth: '90%',
+            }}
+          >
+            <h2
+              style={{
+                fontSize: '24px',
+                fontWeight: 'bold',
+                margin: '0',
+                color: 'white',
+                lineHeight: '1.4',
+              }}
+            >
+              <FormattedMessage
+                id="Our apologies, our website is not available at the moment."
+                defaultMessage="Our apologies, our website is not available at the moment."
+              />
+            </h2>
+          </div>
+
+          <div>
+            <p
+              style={{
+                fontSize: '16px',
+                fontStyle: 'italic',
+                margin: '0 0 20px 0',
+                color: 'white',
+              }}
+            >
+              <FormattedMessage
+                id="If this problem persists Contact EEA Web Team (web.helpdesk at eea.europa.eu)"
+                defaultMessage="If this problem persists Contact EEA Web Team (web.helpdesk at eea.europa.eu)"
+              />
+            </p>
+            <p
+              style={{
+                fontSize: '14px',
+                margin: '0',
+                color: 'white',
+                lineHeight: '1.4',
+              }}
+            >
+              <span style={{ textDecoration: 'underline' }}>
+                European Environment Agency
+              </span>
+              , Kongens Nytorv 6, 1050
+              <br />
+              Copenhagen K, Denmark - Phone: +45 3336 7100
+            </p>
+          </div>
+        </div>
+      )}
+    </Container>
+  );
+};
+
+export default ErrorView;

package/src/index.js

@@ -1,6 +1,6 @@
-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';
 
 const restrictedBlocks = [
   'imagecards',
@@ -37,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';
 
@@ -63,26 +49,14 @@ const applyConfig = (config) => {
     };
   }
 
-  // #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,
-        },
-      },
-    ];
-  }
+  // #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,
+  });
 
   if (config.blocks.blocksConfig.embed_static_content) {
     //prepopulate data for SSR particularly for history diffs
@@ -101,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,