@eeacms/volto-embed 6.0.0 → 6.0.1

package/.husky/pre-commit

@@ -0,0 +1,2 @@
+[ -n "$CI" ] && exit 0
+yarn lint-staged

package/CHANGELOG.md

@@ -4,7 +4,27 @@ 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).
 
-### [6.0.0](https://github.com/eea/volto-embed/compare/5.0.4...6.0.0) - 25 July 2023
+### [6.0.1](https://github.com/eea/volto-embed/compare/6.0.0...6.0.1) - 12 October 2023
+
+#### :house: Internal changes
+
+- chore:volto 16 in tests, update docs, fix stylelint overrides [valentinab25 - [`ab77039`](https://github.com/eea/volto-embed/commit/ab770391a5b212db9b77498738cbf831659caf27)]
+- chore: change volto version in Jenkinsfile [ana-oprea - [`b382243`](https://github.com/eea/volto-embed/commit/b382243a05df7ac778dd33c7f6303aceb2fb06dc)]
+- style: lint-staged reorder in package.json [Alin Voinea - [`81a3585`](https://github.com/eea/volto-embed/commit/81a358528a5212c095ad03fd1af247ed10bb8c55)]
+
+#### :house: Documentation changes
+
+- docs: Update README and DEVELOP [Alin Voinea - [`838e5ae`](https://github.com/eea/volto-embed/commit/838e5ae54be7fe3779ca2136b20a4a672c5df61f)]
+- docs: Cleanup Makefile, update DEVELOP documentation, i18n - refs #254894 [valentinab25 - [`403a755`](https://github.com/eea/volto-embed/commit/403a7555d7036b3e6f162b2f5278707f9ce9b77c)]
+
+#### :hammer_and_wrench: Others
+
+- test: EN locales, pre-commit fix, feature PRs checks Refs #257193 [valentinab25 - [`dc2de20`](https://github.com/eea/volto-embed/commit/dc2de2084b53043f240ee1efa2588b5037326ed7)]
+- test: Fix package.json scripts to use makefile [Alin Voinea - [`b4ffca2`](https://github.com/eea/volto-embed/commit/b4ffca24bb8cc4ba2007cc1040cc7b55dc7cc779)]
+- i18n: Add en [Alin Voinea - [`b4e0694`](https://github.com/eea/volto-embed/commit/b4e0694ee40ecc195536fd1826adfab8876c5061)]
+- test: Update Makefile and docker-compose to align it with Jenkinsfile [valentinab25 - [`8f228ca`](https://github.com/eea/volto-embed/commit/8f228ca0644cee0f777a01114895583f387a395c)]
+- test: increase test coverage - refs #254313 [ana-oprea - [`30354d8`](https://github.com/eea/volto-embed/commit/30354d8a10a78e4fc322e37f4be20ff85cd00bbc)]
+## [6.0.0](https://github.com/eea/volto-embed/compare/5.0.4...6.0.0) - 25 July 2023
 
 #### :nail_care: Enhancements
 

package/DEVELOP.md

@@ -2,25 +2,47 @@
 
 ## Develop
 
+1. Make sure you have `docker` and `docker compose` installed and running on your machine:
+
+    ```Bash
+    git clone https://github.com/eea/volto-embed.git
+    cd volto-embed
+    git checkout -b bugfix-123456 develop
+    make
+    make start
+    ```
+
+1. Wait for `Volto started at 0.0.0.0:3000` meesage
+
+1. Go to http://localhost:3000
+
+1. Initialize git hooks
+
+    ```Bash
+    yarn prepare
+    ```
+
+1. Happy hacking!
+
+### Or add @eeacms/volto-embed 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/)
 
 1.  Make sure you have installed `yo`, `@plone/generator-volto` and `mrs-developer`
 
-        $ npm install -g yo
-        $ npm install -g @plone/generator-volto
-        $ npm install -g mrs-developer
+        npm install -g yo @plone/generator-volto mrs-developer
 
 1.  Create new volto app
 
-        $ yo @plone/volto my-volto-project --addon volto-embed --workspace src/addons/volto-embed
-        $ cd my-volto-project
+        yo @plone/volto my-volto-project --addon @eeacms/volto-embed --skip-install
+        cd my-volto-project
 
 1.  Add the following to `mrs.developer.json`:
 
         {
             "volto-embed": {
                 "url": "https://github.com/eea/volto-embed.git",
-                "package": "volto-embed",
+                "package": "@eeacms/volto-embed",
                 "branch": "develop",
                 "path": "src"
             }
@@ -28,25 +50,57 @@ Before starting make sure your development environment is properly set. See [Vol
 
 1.  Install
 
-        $ yarn develop
-        $ yarn
+        make develop
+        yarn
 
 1.  Start backend
 
-        $ docker run -d --name plone -p 8080:8080 -e SITE=Plone plone
+        docker run --pull always -it --rm --name plone -p 8080:8080 -e SITE=Plone plone/plone-backend
 
     ...wait for backend to setup and start - `Ready to handle requests`:
 
-        $ docker logs -f plone
-
     ...you can also check http://localhost:8080/Plone
 
 1.  Start frontend
 
-        $ yarn start
+        yarn start
 
 1.  Go to http://localhost:3000
 
 1.  Happy hacking!
 
-        $ cd src/addons/volto-embed/
+        cd src/addons/volto-embed/
+
+## Cypress
+
+To run cypress locally, first make sure you don't have any Volto/Plone running on ports `8080` and `3000`.
+
+You don't have to be in a `clean-volto-project`, you can be in any Volto Frontend
+project where you added `volto-embed` to `mrs.developer.json`
+
+Go to:
+
+  ```BASH
+  cd src/addons/volto-embed/
+  ```
+
+Start:
+
+  ```Bash
+  make
+  make start
+  ```
+
+This will build and start with Docker a clean `Plone backend` and `Volto Frontend` with `volto-embed` block installed.
+
+Open Cypress Interface:
+
+  ```Bash
+  make cypress-open
+  ```
+
+Or run it:
+
+  ```Bash
+  make cypress-run
+  ```

package/README.md

@@ -29,33 +29,50 @@ See `src/Iframe/ViewIframe` for details on how to implement.
 
 ## Getting started
 
-1. Create new volto project if you don't already have one:
+### Try volto-embed with Docker
 
-   ```
-   $ npm install -g yo @plone/generator-volto
-   $ yo @plone/volto my-volto-project --addon volto-embed
+      git clone https://github.com/eea/volto-embed.git
+      cd volto-embed
+      make
+      make start
+
+Go to http://localhost:3000
+
+### Add volto-embed to your Volto project
 
-   $ cd my-volto-project
-   $ yarn add -W @eeacms/volto-embed      // Not yet available
+1. Make sure you have a [Plone backend](https://plone.org/download) up-and-running at http://localhost:8080/Plone
+
+   ```Bash
+   docker compose up backend
    ```
 
-1. If you already have a volto project, just update `package.json`:
+1. Start Volto frontend
+
+* If you already have a volto project, just update `package.json`:
 
    ```JSON
    "addons": [
-      "volto-embed"
+       "@eeacms/volto-embed"
    ],
 
    "dependencies": {
-      "volto-embed": "github:eea/volto-embed#master"
+       "@eeacms/volto-embed": "*"
    }
    ```
 
+* If not, create one:
+
+   ```
+   npm install -g yo @plone/generator-volto
+   yo @plone/volto my-volto-project --canary --addon @eeacms/volto-embed
+   cd my-volto-project
+   ```
+
 1. Install new add-ons and restart Volto:
 
    ```
-   $ yarn
-   $ yarn start
+   yarn
+   yarn start
    ```
 
 1. Go to http://localhost:3000

package/RELEASE.md

@@ -20,9 +20,9 @@ You need to first install the [release-it](https://github.com/release-it/release
    ```
    npm install -g release-it
    ```
-   
+
 Release-it uses the configuration written in the [`.release-it.json`](./.release-it.json) file located in the root of the repository.
-   
+
 Release-it is a tool that automates 4 important steps in the release process:
 
 1. Version increase in `package.json` ( increased from the current version in `package.json`)
@@ -30,45 +30,45 @@ Release-it is a tool that automates 4 important steps in the release process:
 3. GitHub release on the commit with the changelog and package.json modification on the develop branch
 4. NPM release ( by default it's disabled, but can be enabled in the configuration file )
 
-To configure the authentification, you need to export GITHUB_TOKEN for [GitHub](https://github.com/settings/tokens) 
+To configure the authentification, you need to export GITHUB_TOKEN for [GitHub](https://github.com/settings/tokens)
 
    ```
    export GITHUB_TOKEN=XXX-XXXXXXXXXXXXXXXXXXXXXX
    ```
- 
+
  To configure npm, you can use the `npm login` command or use a configuration file with a TOKEN :
- 
+
    ```
    echo "//registry.npmjs.org/:_authToken=YYYYYYYYYYYYYYYYYYYYYYYYYYYYYY" > .npmrc
    ```
 
 #### Using release-it tool
-  
+
 There are 3 yarn scripts that can be run to do the release
 
 ##### yarn release-beta
 
-Automatically calculates and presents 3 beta versions - patch, minor and major for you to choose ( or Other for manual input). 
+Automatically calculates and presents 3 beta versions - patch, minor and major for you to choose ( or Other for manual input).
 
 ```
-? Select increment (next version): 
-❯ prepatch (0.1.1-beta.0) 
-  preminor (0.2.0-beta.0) 
-  premajor (1.0.0-beta.0) 
-  Other, please specify... 
+? Select increment (next version):
+❯ prepatch (0.1.1-beta.0)
+  preminor (0.2.0-beta.0)
+  premajor (1.0.0-beta.0)
+  Other, please specify...
 ```
 
 ##### yarn release-major-beta
 
 Same as `yarn release-beta`, but with premajor version pre-selected.
-    
+
 ##### yarn release
 
 Generic command, does not automatically add the `beta` to version, but you can still manually write it if you choose Other.
 
 #### Important notes
 
-> Do not use release-it tool on master branch, the commit on CHANGELOG.md file and the version increase in the package.json file can't be done without a PULL REQUEST.  
+> Do not use release-it tool on master branch, the commit on CHANGELOG.md file and the version increase in the package.json file can't be done without a PULL REQUEST.
 
 > Do not keep Pull Requests from develop to master branches open when you are doing beta releases from the develop branch. As long as a PR to master is open, an automatic script will run on every commit and will update both the version and the changelog to a production-ready state - ( MAJOR.MINOR.PATCH mandatory format for version).
 

package/cypress.config.js

@@ -2,12 +2,12 @@ const { defineConfig } = require('cypress');
 
 module.exports = defineConfig({
   viewportWidth: 1280,
-  defaultCommandTimeout: 8888,
+  defaultCommandTimeout: 5000,
   chromeWebSecurity: false,
   reporter: 'junit',
   video: true,
   retries: {
-    runMode: 8,
+    runMode: 1,
     openMode: 0,
   },
   reporterOptions: {

package/docker-compose.yml

@@ -0,0 +1,32 @@
+version: "3"
+services:
+  backend:
+    image: eeacms/plone-backend
+    ports:
+      - "8080:8080"
+    environment:
+      SITE: "Plone"
+      PROFILES: "eea.kitkat:testing"
+
+  frontend: 
+    build:
+      context: ./
+      dockerfile: ./Dockerfile
+      args:
+        ADDON_NAME: "${ADDON_NAME}"
+        ADDON_PATH: "${ADDON_PATH}"
+        VOLTO_VERSION: ${VOLTO_VERSION:-16}
+    ports:
+    - "3000:3000"
+    - "3001:3001"
+    depends_on:
+      - backend
+    volumes:
+      - ./:/app/src/addons/${ADDON_PATH}
+    environment:
+      CI: "true"
+      NODE_ENV: "development"
+      RAZZLE_JEST_CONFIG: "src/addons/${ADDON_PATH}/jest-addon.config.js"
+      RAZZLE_INTERNAL_API_PATH: "http://backend:8080/Plone"
+      RAZZLE_DEV_PROXY_API_PATH: "http://backend:8080/Plone"
+      HOST: "0.0.0.0"

package/jest-addon.config.js

@@ -25,6 +25,9 @@ module.exports = {
     '^.+\\.(jpg)$': 'jest-file',
     '^.+\\.(svg)$': './node_modules/@plone/volto/jest-svgsystem-transform.js',
   },
+  transformIgnorePatterns: [
+    'node_modules/(?!@eeacms)/volto-datablocks/helpers',
+  ],
   coverageThreshold: {
     global: {
       branches: 5,

package/locales/de/LC_MESSAGES/volto.po

@@ -0,0 +1,67 @@
+msgid ""
+msgstr ""
+"Project-Id-Version: \n"
+"Report-Msgid-Bugs-To: \n"
+"POT-Creation-Date: \n"
+"PO-Revision-Date: \n"
+"Last-Translator: \n"
+"Language: \n"
+"Language-Team: \n"
+"Content-Type: \n"
+"Content-Transfer-Encoding: \n"
+"Plural-Forms: \n"
+
+#: Iframe/EditIframe
+# defaultMessage: Center
+msgid "Center"
+msgstr ""
+
+#: Iframe/EditIframe
+# defaultMessage: Embed code error, please follow the instructions and try again.
+msgid "Embed code error, please follow the instructions and try again."
+msgstr ""
+
+#: Iframe/ViewIframe
+# defaultMessage: Embeded Google Maps
+msgid "Embeded Google Maps"
+msgstr ""
+
+#: Iframe/EditIframe
+# defaultMessage: Enter map Embed Code
+msgid "Enter map Embed Code"
+msgstr ""
+
+#: Iframe/EditIframe
+# defaultMessage: Full
+msgid "Full"
+msgstr ""
+
+#: Iframe/EditIframe
+# defaultMessage: Google Maps Embedded Block
+msgid "Google Maps Embedded Block"
+msgstr ""
+
+#: Iframe/EditIframe
+# defaultMessage: Left
+msgid "Left"
+msgstr ""
+
+#: PrivacyProtection/PrivacyProtection
+# defaultMessage: Live image generated
+msgid "Live image generated"
+msgstr ""
+
+#: Iframe/EditIframe
+# defaultMessage: Please enter the Embed Code provided by Google Maps -> Share -> Embed map. It should contain the <iframe> code on it.
+msgid "Please enter the Embed Code provided by Google Maps -> Share -> Embed map. It should contain the <iframe> code on it."
+msgstr ""
+
+#: Iframe/EditIframe
+# defaultMessage: Right
+msgid "Right"
+msgstr ""
+
+#: PrivacyProtection/PrivacyProtection
+# defaultMessage: Success
+msgid "Success"
+msgstr ""

package/locales/en/LC_MESSAGES/volto.po

@@ -0,0 +1,67 @@
+msgid ""
+msgstr ""
+"Project-Id-Version: \n"
+"Report-Msgid-Bugs-To: \n"
+"POT-Creation-Date: \n"
+"PO-Revision-Date: \n"
+"Last-Translator: \n"
+"Language: \n"
+"Language-Team: \n"
+"Content-Type: \n"
+"Content-Transfer-Encoding: \n"
+"Plural-Forms: \n"
+
+#: Iframe/EditIframe
+# defaultMessage: Center
+msgid "Center"
+msgstr ""
+
+#: Iframe/EditIframe
+# defaultMessage: Embed code error, please follow the instructions and try again.
+msgid "Embed code error, please follow the instructions and try again."
+msgstr ""
+
+#: Iframe/ViewIframe
+# defaultMessage: Embeded Google Maps
+msgid "Embeded Google Maps"
+msgstr ""
+
+#: Iframe/EditIframe
+# defaultMessage: Enter map Embed Code
+msgid "Enter map Embed Code"
+msgstr ""
+
+#: Iframe/EditIframe
+# defaultMessage: Full
+msgid "Full"
+msgstr ""
+
+#: Iframe/EditIframe
+# defaultMessage: Google Maps Embedded Block
+msgid "Google Maps Embedded Block"
+msgstr ""
+
+#: Iframe/EditIframe
+# defaultMessage: Left
+msgid "Left"
+msgstr ""
+
+#: PrivacyProtection/PrivacyProtection
+# defaultMessage: Live image generated
+msgid "Live image generated"
+msgstr ""
+
+#: Iframe/EditIframe
+# defaultMessage: Please enter the Embed Code provided by Google Maps -> Share -> Embed map. It should contain the <iframe> code on it.
+msgid "Please enter the Embed Code provided by Google Maps -> Share -> Embed map. It should contain the <iframe> code on it."
+msgstr ""
+
+#: Iframe/EditIframe
+# defaultMessage: Right
+msgid "Right"
+msgstr ""
+
+#: PrivacyProtection/PrivacyProtection
+# defaultMessage: Success
+msgid "Success"
+msgstr ""

package/locales/it/LC_MESSAGES/volto.po

@@ -0,0 +1,67 @@
+msgid ""
+msgstr ""
+"Project-Id-Version: \n"
+"Report-Msgid-Bugs-To: \n"
+"POT-Creation-Date: \n"
+"PO-Revision-Date: \n"
+"Last-Translator: \n"
+"Language: \n"
+"Language-Team: \n"
+"Content-Type: \n"
+"Content-Transfer-Encoding: \n"
+"Plural-Forms: \n"
+
+#: Iframe/EditIframe
+# defaultMessage: Center
+msgid "Center"
+msgstr ""
+
+#: Iframe/EditIframe
+# defaultMessage: Embed code error, please follow the instructions and try again.
+msgid "Embed code error, please follow the instructions and try again."
+msgstr ""
+
+#: Iframe/ViewIframe
+# defaultMessage: Embeded Google Maps
+msgid "Embeded Google Maps"
+msgstr ""
+
+#: Iframe/EditIframe
+# defaultMessage: Enter map Embed Code
+msgid "Enter map Embed Code"
+msgstr ""
+
+#: Iframe/EditIframe
+# defaultMessage: Full
+msgid "Full"
+msgstr ""
+
+#: Iframe/EditIframe
+# defaultMessage: Google Maps Embedded Block
+msgid "Google Maps Embedded Block"
+msgstr ""
+
+#: Iframe/EditIframe
+# defaultMessage: Left
+msgid "Left"
+msgstr ""
+
+#: PrivacyProtection/PrivacyProtection
+# defaultMessage: Live image generated
+msgid "Live image generated"
+msgstr ""
+
+#: Iframe/EditIframe
+# defaultMessage: Please enter the Embed Code provided by Google Maps -> Share -> Embed map. It should contain the <iframe> code on it.
+msgid "Please enter the Embed Code provided by Google Maps -> Share -> Embed map. It should contain the <iframe> code on it."
+msgstr ""
+
+#: Iframe/EditIframe
+# defaultMessage: Right
+msgid "Right"
+msgstr ""
+
+#: PrivacyProtection/PrivacyProtection
+# defaultMessage: Success
+msgid "Success"
+msgstr ""

package/locales/ro/LC_MESSAGES/volto.po

@@ -0,0 +1,67 @@
+msgid ""
+msgstr ""
+"Project-Id-Version: \n"
+"Report-Msgid-Bugs-To: \n"
+"POT-Creation-Date: \n"
+"PO-Revision-Date: \n"
+"Last-Translator: \n"
+"Language: \n"
+"Language-Team: \n"
+"Content-Type: \n"
+"Content-Transfer-Encoding: \n"
+"Plural-Forms: \n"
+
+#: Iframe/EditIframe
+# defaultMessage: Center
+msgid "Center"
+msgstr ""
+
+#: Iframe/EditIframe
+# defaultMessage: Embed code error, please follow the instructions and try again.
+msgid "Embed code error, please follow the instructions and try again."
+msgstr ""
+
+#: Iframe/ViewIframe
+# defaultMessage: Embeded Google Maps
+msgid "Embeded Google Maps"
+msgstr ""
+
+#: Iframe/EditIframe
+# defaultMessage: Enter map Embed Code
+msgid "Enter map Embed Code"
+msgstr ""
+
+#: Iframe/EditIframe
+# defaultMessage: Full
+msgid "Full"
+msgstr ""
+
+#: Iframe/EditIframe
+# defaultMessage: Google Maps Embedded Block
+msgid "Google Maps Embedded Block"
+msgstr ""
+
+#: Iframe/EditIframe
+# defaultMessage: Left
+msgid "Left"
+msgstr ""
+
+#: PrivacyProtection/PrivacyProtection
+# defaultMessage: Live image generated
+msgid "Live image generated"
+msgstr ""
+
+#: Iframe/EditIframe
+# defaultMessage: Please enter the Embed Code provided by Google Maps -> Share -> Embed map. It should contain the <iframe> code on it.
+msgid "Please enter the Embed Code provided by Google Maps -> Share -> Embed map. It should contain the <iframe> code on it."
+msgstr ""
+
+#: Iframe/EditIframe
+# defaultMessage: Right
+msgid "Right"
+msgstr ""
+
+#: PrivacyProtection/PrivacyProtection
+# defaultMessage: Success
+msgid "Success"
+msgstr ""

package/locales/volto.pot

@@ -0,0 +1,69 @@
+msgid ""
+msgstr ""
+"Project-Id-Version: Plone\n"
+"POT-Creation-Date: 2023-08-29T17:13:33.263Z\n"
+"Last-Translator: Plone i18n <plone-i18n@lists.sourceforge.net>\n"
+"Language-Team: Plone i18n <plone-i18n@lists.sourceforge.net>\n"
+"MIME-Version: 1.0\n"
+"Content-Type: text/plain; charset=utf-8\n"
+"Content-Transfer-Encoding: 8bit\n"
+"Plural-Forms: nplurals=1; plural=0;\n"
+"Language-Code: en\n"
+"Language-Name: English\n"
+"Preferred-Encodings: utf-8\n"
+"Domain: volto\n"
+
+#: Iframe/EditIframe
+# defaultMessage: Center
+msgid "Center"
+msgstr ""
+
+#: Iframe/EditIframe
+# defaultMessage: Embed code error, please follow the instructions and try again.
+msgid "Embed code error, please follow the instructions and try again."
+msgstr ""
+
+#: Iframe/ViewIframe
+# defaultMessage: Embeded Google Maps
+msgid "Embeded Google Maps"
+msgstr ""
+
+#: Iframe/EditIframe
+# defaultMessage: Enter map Embed Code
+msgid "Enter map Embed Code"
+msgstr ""
+
+#: Iframe/EditIframe
+# defaultMessage: Full
+msgid "Full"
+msgstr ""
+
+#: Iframe/EditIframe
+# defaultMessage: Google Maps Embedded Block
+msgid "Google Maps Embedded Block"
+msgstr ""
+
+#: Iframe/EditIframe
+# defaultMessage: Left
+msgid "Left"
+msgstr ""
+
+#: PrivacyProtection/PrivacyProtection
+# defaultMessage: Live image generated
+msgid "Live image generated"
+msgstr ""
+
+#: Iframe/EditIframe
+# defaultMessage: Please enter the Embed Code provided by Google Maps -> Share -> Embed map. It should contain the <iframe> code on it.
+msgid "Please enter the Embed Code provided by Google Maps -> Share -> Embed map. It should contain the <iframe> code on it."
+msgstr ""
+
+#: Iframe/EditIframe
+# defaultMessage: Right
+msgid "Right"
+msgstr ""
+
+#: PrivacyProtection/PrivacyProtection
+# defaultMessage: Success
+msgid "Success"
+msgstr ""

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eeacms/volto-embed",
-  "version": "6.0.0",
+  "version": "6.0.1",
   "description": "Embed external content",
   "main": "src/index.js",
   "author": "European Environment Agency: IDM2 A-Team",
@@ -27,21 +27,49 @@
     "@cypress/code-coverage": "^3.10.0",
     "@plone/scripts": "*",
     "babel-plugin-transform-class-properties": "^6.24.1",
+    "husky": "*",
+    "lint-staged": "*",
     "md5": "^2.3.0"
   },
+  "lint-staged": {
+    "src/**/*.{js,jsx,ts,tsx,json}": [
+      "make lint-fix",
+      "make prettier-fix"
+    ],
+    "src/**/*.{jsx}": [
+      "make i18n"
+    ],
+    "theme/**/*.{css,less}": [
+      "make stylelint-fix"
+    ],
+    "src/**/*.{css,less}": [
+      "make stylelint-fix"
+    ],
+    "theme/**/*.overrides": [
+      "make stylelint-fix"
+    ],
+    "src/**/*.overrides": [
+      "make stylelint-fix"
+    ]
+  },
   "scripts": {
     "release": "release-it",
     "release-major-beta": "release-it major --preRelease=beta",
     "release-beta": "release-it --preRelease=beta",
     "bootstrap": "npm install -g ejs; npm link ejs; node bootstrap",
-    "stylelint": "../../../node_modules/stylelint/bin/stylelint.js --allow-empty-input 'src/**/*.{css,less}'",
-    "stylelint:overrides": "../../../node_modules/.bin/stylelint --syntax less --allow-empty-input 'theme/**/*.overrides' 'src/**/*.overrides'",
-    "stylelint:fix": "yarn stylelint --fix && yarn stylelint:overrides --fix",
-    "prettier": "../../../node_modules/.bin/prettier --single-quote --check 'src/**/*.{js,jsx,json,css,less,md}'",
-    "prettier:fix": "../../../node_modules/.bin/prettier --single-quote --write 'src/**/*.{js,jsx,json,css,less,md}'",
-    "lint": "../../../node_modules/eslint/bin/eslint.js --max-warnings=0 'src/**/*.{js,jsx}'",
-    "lint:fix": "../../../node_modules/eslint/bin/eslint.js --fix 'src/**/*.{js,jsx}'",
-    "cypress:run": "../../../node_modules/cypress/bin/cypress run",
-    "cypress:open": "../../../node_modules/cypress/bin/cypress open"
+    "test": "make test",
+    "test:fix": "make test-update",
+    "pre-commit": "yarn stylelint:fix && yarn prettier:fix && yarn lint:fix",
+    "stylelint": "make stylelint",
+    "stylelint:overrides": "make stylelint-overrides",
+    "stylelint:fix": "make stylelint-fix",
+    "prettier": "make prettier",
+    "prettier:fix": "make prettier-fix",
+    "lint": "make lint",
+    "lint:fix": "make lint-fix",
+    "i18n": "make i18n",
+    "cypress:run": "make cypress-run",
+    "cypress:open": "make cypress-open",
+    "prepare": "husky install"
   }
 }

package/src/Iframe/EditIframe.test.jsx

@@ -0,0 +1,88 @@
+import React from 'react';
+import { render, fireEvent } from '@testing-library/react';
+import { Provider } from 'react-intl-redux';
+import configureStore from 'redux-mock-store';
+import Edit from './EditIframe';
+import '@testing-library/jest-dom/extend-expect';
+
+const mockStore = configureStore();
+
+const store = mockStore(() => ({
+  connected_data_parameters: {},
+  router: {
+    location: {
+      pathname: '',
+    },
+  },
+  intl: {
+    locale: 'en',
+    messages: {},
+  },
+}));
+
+describe('Edit', () => {
+  it('renders without crashing', () => {
+    render(
+      <Provider store={store}>
+        <Provider store={store}>
+          <Edit
+            selected={false}
+            block="block"
+            index={1}
+            data={{
+              url: 'test',
+            }}
+            pathname="/"
+            onChangeBlock={() => {}}
+            onSelectBlock={() => {}}
+            onDeleteBlock={() => {}}
+            onFocusPreviousBlock={() => {}}
+            onFocusNextBlock={() => {}}
+            handleKeyDown={() => {}}
+          />
+        </Provider>
+      </Provider>,
+    );
+  });
+
+  it('submits url when button is clicked', () => {
+    const { container, getByPlaceholderText } = render(
+      <Provider store={store}>
+        <Provider store={store}>
+          <Edit
+            selected={false}
+            block="block"
+            index={1}
+            data={{
+              dataprotection: {
+                privacy_statement: 'test',
+              },
+            }}
+            pathname="/"
+            onChangeBlock={() => {}}
+            onSelectBlock={() => {}}
+            onDeleteBlock={() => {}}
+            onFocusPreviousBlock={() => {}}
+            onFocusNextBlock={() => {}}
+            handleKeyDown={() => {}}
+          />
+        </Provider>
+      </Provider>,
+    );
+
+    const input = getByPlaceholderText('Enter map Embed Code');
+    fireEvent.click(input);
+    fireEvent.change(input, { target: { value: 'test url' } });
+    fireEvent.click(container.querySelector('button.cancel'));
+    fireEvent.change(input, { target: { value: 'test url' } });
+    fireEvent.keyDown(input, { key: 'Enter', code: 'Enter' });
+    fireEvent.keyDown(input, { key: 'Escape', code: 'Escape' });
+    fireEvent.keyDown(input, { key: 'KeyA', code: 'KeyA' });
+
+    fireEvent.change(input, { target: { value: '<iframe src="test"/>' } });
+    fireEvent.keyDown(input, { key: 'Enter', code: 'Enter' });
+
+    const button = container.querySelector('button.ui.basic.primary.button');
+    fireEvent.click(button);
+  });
+});

package/src/PrivacyProtection/PrivacyProtection.test.jsx

@@ -0,0 +1,340 @@
+import React from 'react';
+import { render, fireEvent, act } from '@testing-library/react';
+import { CookiesProvider } from 'react-cookie';
+import { Provider } from 'react-intl-redux';
+import configureStore from 'redux-mock-store';
+import PrivacyProtection from './PrivacyProtection';
+import config from '@plone/volto/registry';
+import '@testing-library/jest-dom/extend-expect';
+
+const mockStore = configureStore();
+
+const store = mockStore(() => ({
+  connected_data_parameters: {},
+  router: {
+    location: {
+      pathname: '',
+    },
+  },
+  intl: {
+    locale: 'en',
+    messages: {},
+  },
+}));
+
+jest.mock('@plone/volto-slate/editor/render', () => ({
+  serializeNodes: jest.fn(() => 'serialized nodes'),
+}));
+
+jest.mock('@eeacms/volto-datablocks/helpers', () => ({
+  getFilteredURL: jest.fn(() => 'filtered url'),
+  getConnectedDataParametersForContext: jest.fn(() => 'connected data params'),
+}));
+
+global.fetch = jest.fn(() =>
+  Promise.resolve({
+    blob: () => Promise.resolve(new Blob(['test'])),
+  }),
+);
+
+jest.mock('react-toastify', () => ({
+  toast: {
+    success: jest.fn(),
+  },
+}));
+
+jest.mock('./helpers', () => ({
+  createImageUrl: () => 'test',
+}));
+
+global.URL.createObjectURL = jest.fn(() => 'test');
+
+jest.mock('react-visibility-sensor', () => ({
+  __esModule: true,
+  default: (props) => {
+    return <div onChange={props.onChange(true)}>{props.children}</div>;
+  },
+}));
+
+describe('PrivacyProtection', () => {
+  it('renders without crashing', () => {
+    render(
+      <Provider store={store}>
+        <CookiesProvider>
+          <PrivacyProtection />
+        </CookiesProvider>
+      </Provider>,
+    );
+  });
+
+  it('renders loader', async () => {
+    const props = {
+      data: {
+        dataprotection: {
+          enabled: true,
+        },
+      },
+      cookies: {
+        get: () => 'false',
+        getAll: () => {},
+        addChangeListener: () => {},
+        removeChangeListener: () => {},
+      },
+      editable: true,
+    };
+    const { container } = render(
+      <Provider store={store}>
+        <CookiesProvider>
+          <PrivacyProtection {...props} />
+        </CookiesProvider>
+      </Provider>,
+    );
+    expect(container.querySelector('.ui.loader')).toBeInTheDocument();
+  });
+
+  it('renders loader', async () => {
+    const props = {
+      data: {
+        dataprotection: {
+          enabled: true,
+        },
+      },
+      cookies: {
+        get: () => 'false',
+        getAll: () => {},
+        addChangeListener: () => {},
+        removeChangeListener: () => {},
+      },
+      editable: false,
+    };
+    const { container } = render(
+      <Provider store={store}>
+        <CookiesProvider>
+          <PrivacyProtection {...props} />
+        </CookiesProvider>
+      </Provider>,
+    );
+    expect(container.querySelector('.ui.loader')).toBeInTheDocument();
+  });
+
+  it('renders the wrapper and children', async () => {
+    const props = {
+      data: {
+        dataprotection: {
+          enabled: false,
+        },
+      },
+      cookies: {
+        get: () => 'true',
+        getAll: () => {},
+        addChangeListener: () => {},
+        removeChangeListener: () => {},
+      },
+      editable: false,
+    };
+    const { container, getByText } = render(
+      <Provider store={store}>
+        <CookiesProvider>
+          <PrivacyProtection {...props}>
+            <div>test test</div>
+          </PrivacyProtection>
+        </CookiesProvider>
+      </Provider>,
+    );
+    expect(getByText('test test')).toBeInTheDocument();
+    expect(
+      container.querySelector('.privacy-protection-wrapper'),
+    ).toBeInTheDocument();
+  });
+
+  it('renders the wrapper and children', async () => {
+    config.settings = {
+      embedCookieExpirationDays: 30,
+    };
+    const props = {
+      data: {
+        dataprotection: {
+          enabled: true,
+        },
+      },
+      cookies: {
+        get: () => 'true',
+        getAll: () => {},
+        addChangeListener: () => {},
+        removeChangeListener: () => {},
+      },
+    };
+    const { container, getByText } = render(
+      <Provider store={store}>
+        <CookiesProvider>
+          <PrivacyProtection {...props}>
+            <div>test test</div>
+          </PrivacyProtection>
+        </CookiesProvider>
+      </Provider>,
+    );
+    expect(getByText('test test')).toBeInTheDocument();
+    expect(
+      container.querySelector('.privacy-protection-wrapper'),
+    ).toBeInTheDocument();
+  });
+
+  it('renders popup with external content, button', async () => {
+    const props = {
+      data: {
+        dataprotection: {
+          enabled: true,
+          background_image: 'test',
+          privacy_statement: {
+            nodes: [],
+            getAttributes: () => {},
+          },
+        },
+      },
+      cookies: {
+        get: () => false,
+        set: () => {},
+        getAll: () => {},
+        addChangeListener: () => {},
+        removeChangeListener: () => {},
+      },
+    };
+    const { container, queryByText, getByText } = render(
+      <Provider store={store}>
+        <CookiesProvider>
+          <PrivacyProtection {...props}>
+            <div>test test</div>
+          </PrivacyProtection>
+        </CookiesProvider>
+      </Provider>,
+    );
+    expect(
+      container.querySelector('.privacy-protection-wrapper'),
+    ).toBeInTheDocument();
+    expect(container.querySelector('.privacy-protection')).toBeInTheDocument();
+
+    expect(
+      container.querySelector(
+        '.overlay .wrapped .privacy-button .primary.button',
+      ),
+    ).toBeInTheDocument();
+    expect(
+      container.querySelector(
+        '.overlay .wrapped .privacy-toggle .ui.toggle.checkbox input',
+      ),
+    ).toBeInTheDocument();
+
+    expect(getByText('Show external content')).toBeInTheDocument();
+    expect(getByText('Remember my choice')).toBeInTheDocument();
+    expect(getByText('serialized nodes')).toBeInTheDocument();
+    fireEvent.click(getByText('Show external content'));
+    await act(() => Promise.resolve());
+    expect(queryByText('Show external content')).toBe(null);
+    expect(getByText('test test')).toBeInTheDocument();
+  });
+
+  it('renders popup with external content, button', async () => {
+    const props = {
+      data: {
+        dataprotection: {
+          enabled: true,
+          background_image: 'test',
+          privacy_statement: {
+            nodes: [],
+            getAttributes: () => {},
+          },
+        },
+      },
+      cookies: {
+        get: () => 'false',
+        set: () => {},
+        getAll: () => {},
+        addChangeListener: () => {},
+        removeChangeListener: () => {},
+      },
+    };
+    const { container, queryByText, getByText } = render(
+      <Provider store={store}>
+        <CookiesProvider>
+          <PrivacyProtection {...props}>
+            <div>test test</div>
+          </PrivacyProtection>
+        </CookiesProvider>
+      </Provider>,
+    );
+    expect(
+      container.querySelector('.privacy-protection-wrapper'),
+    ).toBeInTheDocument();
+    expect(container.querySelector('.privacy-protection')).toBeInTheDocument();
+
+    expect(
+      container.querySelector(
+        '.overlay .wrapped .privacy-button .primary.button',
+      ),
+    ).toBeInTheDocument();
+    expect(
+      container.querySelector(
+        '.overlay .wrapped .privacy-toggle .ui.toggle.checkbox input',
+      ),
+    ).toBeInTheDocument();
+
+    expect(getByText('Show external content')).toBeInTheDocument();
+    expect(getByText('Remember my choice')).toBeInTheDocument();
+    expect(getByText('serialized nodes')).toBeInTheDocument();
+    fireEvent.click(getByText('Show external content'));
+    await act(() => Promise.resolve());
+    expect(queryByText('Show external content')).toBe(null);
+    expect(getByText('test test')).toBeInTheDocument();
+  });
+
+  it('renders popup with external content, button', () => {
+    const props = {
+      data: {
+        dataprotection: {
+          enabled: true,
+          background_image: 'test',
+          privacy_statement: {
+            nodes: [],
+            getAttributes: () => {},
+          },
+        },
+      },
+      cookies: {
+        get: () => 'false',
+        set: () => {},
+        getAll: () => {},
+        addChangeListener: () => {},
+        removeChangeListener: () => {},
+      },
+    };
+    const { container, getByText } = render(
+      <Provider store={store}>
+        <CookiesProvider>
+          <PrivacyProtection {...props}>
+            <div>test test</div>
+          </PrivacyProtection>
+        </CookiesProvider>
+      </Provider>,
+    );
+    expect(
+      container.querySelector('.privacy-protection-wrapper'),
+    ).toBeInTheDocument();
+    expect(container.querySelector('.privacy-protection')).toBeInTheDocument();
+
+    expect(
+      container.querySelector(
+        '.overlay .wrapped .privacy-button .primary.button',
+      ),
+    ).toBeInTheDocument();
+    expect(
+      container.querySelector(
+        '.overlay .wrapped .privacy-toggle .ui.toggle.checkbox input',
+      ),
+    ).toBeInTheDocument();
+
+    expect(getByText('Show external content')).toBeInTheDocument();
+    expect(getByText('Remember my choice')).toBeInTheDocument();
+    expect(getByText('serialized nodes')).toBeInTheDocument();
+    fireEvent.click(getByText('Remember my choice'));
+  });
+});

package/src/PrivacyProtection/helpers.test.js

@@ -0,0 +1,19 @@
+import { createImageUrl } from './helpers';
+import '@testing-library/jest-dom/extend-expect';
+
+global.window.atob = jest.fn();
+
+global.URL.createObjectURL = jest.fn(() => 'mocked-url');
+
+describe('createImageUrl', () => {
+  it('should return a valid image URL', () => {
+    const result = {
+      data: 'VGhpcyBpcyBhIGJhc2U2NCBlbmNvZGluZyB0byBkZWNvZGU=',
+      'content-type': 'image/jpeg',
+    };
+    global.window.atob.mockReturnValue('This is a base64 encoding to decode');
+    const imageUrl = createImageUrl(result);
+
+    expect(typeof imageUrl).toBe('string');
+  });
+});

package/.i18n.babel.config.js

@@ -1 +0,0 @@
-module.exports = require('@plone/volto/babel');