@kitconcept/volto-light-theme 3.1.2 → 3.3.0

package/.yarnrc.yml

@@ -1,3 +0,0 @@
-nodeLinker: node-modules
-
-yarnPath: .yarn/releases/yarn-3.2.3.cjs

package/Makefile

@@ -1,174 +0,0 @@
-# Yeoman Volto App development
-
-### Defensive settings for make:
-#     https://tech.davis-hansson.com/p/make/
-SHELL:=bash
-.ONESHELL:
-.SHELLFLAGS:=-eu -o pipefail -c
-.SILENT:
-.DELETE_ON_ERROR:
-MAKEFLAGS+=--warn-undefined-variables
-MAKEFLAGS+=--no-builtin-rules
-
-CURRENT_DIR:=$(shell dirname $(realpath $(lastword $(MAKEFILE_LIST))))
-
-# Recipe snippets for reuse
-
-# We like colors
-# From: https://coderwall.com/p/izxssa/colored-makefile-for-golang-projects
-RED=`tput setaf 1`
-GREEN=`tput setaf 2`
-RESET=`tput sgr0`
-YELLOW=`tput setaf 3`
-
-PLONE_VERSION=6
-VOLTO_VERSION=17.15.5
-
-ADDON_NAME='@kitconcept/volto-light-theme'
-ADDON_PATH='volto-light-theme'
-COMPOSE_FILE=dockerfiles/docker-compose.yml
-ACCEPTANCE_COMPOSE=acceptance/docker-compose.yml
-ACCEPTANCE_COMPOSE_A11Y=acceptance/docker-compose-a11y.yml
-CMD=CURRENT_DIR=${CURRENT_DIR} ADDON_NAME=${ADDON_NAME} ADDON_PATH=${ADDON_PATH} VOLTO_VERSION=${VOLTO_VERSION} PLONE_VERSION=${PLONE_VERSION} docker compose
-DOCKER_COMPOSE=${CMD} -p ${ADDON_PATH} -f ${COMPOSE_FILE}
-DEV_COMPOSE=COMPOSE_PROFILES=dev ${DOCKER_COMPOSE}
-LIVE_COMPOSE=COMPOSE_PROFILES=dev ${DOCKER_COMPOSE}
-ACCEPTANCE=${CMD} -p ${ADDON_PATH}-acceptance -f ${ACCEPTANCE_COMPOSE}
-ACCEPTANCE_A11Y=${CMD} -p ${ADDON_PATH}-acceptance -f ${ACCEPTANCE_COMPOSE_A11Y}
-
-.PHONY: build-backend
-build-backend: ## Build
-	@echo "$(GREEN)==> Build Backend Container $(RESET)"
-	${DEV_COMPOSE} build backend
-
-.PHONY: start-backend
-start-backend: ## Starts Docker backend
-	@echo "$(GREEN)==> Start Docker-based Plone Backend $(RESET)"
-	${DEV_COMPOSE} up backend -d
-
-.PHONY: stop-backend
-stop-backend: ## Stop Docker backend
-	@echo "$(GREEN)==> Stop Docker-based Plone Backend $(RESET)"
-	${DEV_COMPOSE} stop backend
-
-.PHONY: build-live
-build-live: ## Build Addon live
-	@echo "$(GREEN)==> Build Addon development container $(RESET)"
-	${LIVE_COMPOSE} build addon-live
-
-.PHONY: build-addon
-build-addon: ## Build Addon dev
-	@echo "$(GREEN)==> Build Addon development container $(RESET)"
-	${DEV_COMPOSE} build addon-dev
-
-.PHONY: start-dev
-start-dev: ## Starts Dev container
-	@echo "$(GREEN)==> Start Addon Development container $(RESET)"
-	${DEV_COMPOSE} up addon-dev backend
-
-.PHONY: start-live
-start-live: ## Starts Dev container
-	@echo "$(GREEN)==> Start Addon Development container $(RESET)"
-	${DEV_COMPOSE} up addon-live backend
-
-.PHONY: dev
-dev: ## Develop the addon
-	@echo "$(GREEN)==> Start Development Environment $(RESET)"
-	make build-backend
-	make start-backend
-	make build-addon
-	make start-dev
-
-.PHONY: help
-help:		## Show this help.
-	@echo -e "$$(grep -hE '^\S+:.*##' $(MAKEFILE_LIST) | sed -e 's/:.*##\s*/:/' -e 's/^\(.\+\):\(.*\)/\\x1b[36m\1\\x1b[m:\2/' | column -c2 -t -s :)"
-
-## Setup the local environment
-.PHONY: install
-install: ## Install the local environment, Cypress, build acceptance containers
-	yarn
-	make install-acceptance
-
-# Dev Helpers
-.PHONY: i18n
-i18n: ## Sync i18n
-	@echo "$(YELLOW)==> Do not forget to setup the local environment (make install) $(RESET)"
-	yarn i18n
-
-.PHONY: format
-format: ## Format codebase
-	${DEV_COMPOSE} run --rm addon-dev lint:fix
-	${DEV_COMPOSE} run --rm addon-dev prettier:fix
-	${DEV_COMPOSE} run --rm addon-dev stylelint:fix
-
-.PHONY: lint
-lint: ## Lint Codebase
-	${DEV_COMPOSE} run --rm addon-dev lint
-	${DEV_COMPOSE} run --rm addon-dev prettier
-	${DEV_COMPOSE} run --rm addon-dev stylelint --allow-empty-input
-
-.PHONY: test
-test: ## Run unit tests
-	${DEV_COMPOSE} run --rm addon-dev test --watchAll
-
-.PHONY: test-ci
-test-ci: ## Run unit tests in CI
-	${DEV_COMPOSE} run -e CI=1 addon-dev test
-
-## Acceptance
-.PHONY: install-acceptance
-install-acceptance: ## Install Cypress, build acceptance containers
-	(cd acceptance && yarn)
-	${ACCEPTANCE} --profile dev --profile prod build
-
-.PHONY: start-test-acceptance-server
-start-test-acceptance-server: ## Start acceptance server (for use it in while developing)
-	${ACCEPTANCE} --profile dev up
-
-.PHONY: start-test-acceptance-server-prod
-start-test-acceptance-server-prod: ## Start acceptance server in prod (used by CI)
-	${ACCEPTANCE} --profile prod up -d
-
-.PHONY: test-acceptance
-test-acceptance: ## Start Cypress (for use it while developing)
-	(cd acceptance && ./node_modules/.bin/cypress open --config specPattern='cypress/tests/main/**/*.{js,jsx,ts,tsx}')
-
-.PHONY: test-acceptance-headless
-test-acceptance-headless: ## Run cypress tests in CI
-	(cd acceptance && ./node_modules/.bin/cypress run)
-
-.PHONY: stop-test-acceptance-server
-stop-test-acceptance-server: ## Stop acceptance server (for use it while finished developing)
-	${ACCEPTANCE} --profile dev down
-
-.PHONY: status-test-acceptance-server
-status-test-acceptance-server: ## Status of Acceptance Server (for use it while developing)
-	${ACCEPTANCE} ps
-
-.PHONY: start-test-acceptance-server-a11y
-start-test-acceptance-server-a11y: ## Start a11y acceptance server (for use it in while developing)
-	${ACCEPTANCE_A11Y} --profile dev up
-
-.PHONY: stop-test-acceptance-server-a11y
-stop-test-acceptance-server-a11y: ## Stop a11y acceptance server (for use it while finished developing)
-	${ACCEPTANCE_A11Y} --profile dev down
-
-.PHONY: test-acceptance-a11y
-test-acceptance-a11y: ## Start Cypress (for use it while developing)
-	(cd acceptance && CYPRESS_a11y=1 ./node_modules/.bin/cypress open --config specPattern='cypress/tests/a11y/**/*.{js,jsx,ts,tsx}')
-
-.PHONY: debug-frontend
-debug-frontend:  ## Run bash in the Frontend container (for debug infrastructure purposes)
-	${DEV_COMPOSE} run --entrypoint bash addon-dev
-
-.PHONY: pull-backend-image
-pull-backend-image:  ## Pulls and updates the backend image (for use it while developing)
-	docker pull ghcr.io/kitconcept/voltolighttheme:latest
-
-.PHONY: release
-release:  ## Release a version of the add-on
-	yarn release
-
-.PHONY: release-rc
-release-rc:  ## Release a RC version of the add-on
-	npx release-it --preRelease=rc

package/UPGRADE-GUIDE.md

@@ -1,38 +0,0 @@
-# Upgrade Guide
-
-## volto-light-theme 3.0.0
-
-### Blocks background colors go full width
-
-The background colors previously used to snap to 1440px.
-From 3.0.0-alpha.0 this changed to be unconstrained by default, and expand to the end of the horizontal viewport.
-
-### Upgraded support for volto-slider-block 6.0.0
-
-VLT upgraded the dependency on `@kitconcept/volto-slider-block` to use `6.0.0`.
-
-This is a drop-in replacement, so no action is required for the existing slider blocks you may have already in your sites.
-However, the CSS classes of the structural slider block elements changed in this version.
-The inner (visible objects) CSS classes remain unchanged.
-If you have customized them in your project, you may have to update them, although the structural class names are rarely customized aside from vertical spacing properties.
-They are mapped 1:1 with the previous ones, following this table correspondence:
-
-| Old className   | New className    |
-| --------------- | ---------------- |
-| slick-slider    | slider-wrapper   |
-| slick-list      | slider-viewport  |
-| slick-track     | slider-container |
-| slick-slide     | slider-slide     |
-| slick-arrow     | slider-button    |
-| slick-prev      | slider-button-prev |
-| slick-next      | slider-slide-next  |
-| slick-next      | slider-slide-next  |
-| slick-dots      | slider-dots      |
-| slick-dot       | slider-dot       |
-
-For more information, please check the https://github.com/kitconcept/volto-slider-block/blob/main/README.md [#288](https://github.com/kitconcept/volto-light-theme/pull/288)
-
-### Language switcher shows the two letters abbreviation of the languages
-
-Volto default is to show the full name of the language in the language switcher.
-VLT now shows only the two letters abbreviation of the language.

package/acceptance/ci-a11y.yml

@@ -1,31 +0,0 @@
-version: "3"
-
-services:
-
-  addon-acceptance:
-    build:
-      context: ../
-      dockerfile: ./dockerfiles/Dockerfile
-      args:
-        ADDON_NAME: "${ADDON_NAME}"
-        ADDON_PATH: "${ADDON_PATH}"
-        VOLTO_VERSION: ${VOLTO_VERSION:-17}
-    environment:
-      RAZZLE_INTERNAL_API_PATH: http://backend-acceptance-a11y:8080/Plone
-      RAZZLE_API_PATH: http://localhost:8080/Plone
-    ports:
-      - 3000:3000
-    depends_on:
-      - backend-acceptance-a11y
-    profiles:
-      - prod
-
-  backend-acceptance-a11y:
-    image: ghcr.io/kitconcept/voltolighttheme:latest
-    environment:
-      CORS_: true
-    ports:
-      - 8080:8080
-    profiles:
-      - dev
-      - prod

package/acceptance/ci.yml

@@ -1,29 +0,0 @@
-version: "3"
-
-services:
-
-  addon-acceptance:
-    build:
-      context: ../
-      dockerfile: ./dockerfiles/Dockerfile
-      args:
-        ADDON_NAME: "${ADDON_NAME}"
-        ADDON_PATH: "${ADDON_PATH}"
-        VOLTO_VERSION: ${VOLTO_VERSION:-17}
-    environment:
-      RAZZLE_INTERNAL_API_PATH: http://backend-acceptance:55001/plone
-      RAZZLE_API_PATH: http://localhost:55001/plone
-    ports:
-      - 3000:3000
-    depends_on:
-      - backend-acceptance
-    profiles:
-      - prod
-
-  backend-acceptance:
-    image: plone/server-acceptance:${PLONE_VERSION:-6}
-    ports:
-      - 55001:55001
-    profiles:
-      - dev
-      - prod

package/acceptance/cypress/fixtures/example.json

@@ -1,5 +0,0 @@
-{
-  "name": "Using fixtures to represent data",
-  "email": "hello@cypress.io",
-  "body": "Fixtures are a great way to mock data for responses to routes"
-}

package/acceptance/cypress/plugins/index.js

@@ -1,17 +0,0 @@
-// ***********************************************************
-// This example plugins/index.js can be used to load plugins
-//
-// You can change the location of this file or turn off loading
-// the plugins file with the 'pluginsFile' configuration option.
-//
-// You can read more here:
-// https://on.cypress.io/plugins-guide
-// ***********************************************************
-
-// This function is called when a project is opened or re-opened (e.g. due to
-// the project's config changing)
-
-module.exports = (on, config) => {
-  // `on` is used to hook into various events Cypress emits
-  // `config` is the resolved Cypress config
-};

package/acceptance/cypress/support/commands.js

@@ -1,23 +0,0 @@
-import '@plone/volto-testing/cypress/support/commands';
-
-// Print cypress-axe violations to the terminal
-function printAccessibilityViolations(violations) {
-  cy.task(
-    'table',
-    violations.map(({ id, impact, description, nodes }) => ({
-      impact,
-      description: `${description} (${id})`,
-      nodes: nodes.length,
-    })),
-  );
-}
-
-Cypress.Commands.add(
-  'checkAccessibility',
-  (subject, { skipFailures = false } = {}) => {
-    cy.checkA11y(subject, null, printAccessibilityViolations, skipFailures);
-  },
-  {
-    prevSubject: 'optional',
-  },
-);

package/acceptance/cypress/support/e2e.js

@@ -1,23 +0,0 @@
-import 'cypress-axe';
-import 'cypress-file-upload';
-import './commands';
-import 'cypress-axe';
-import { setup, teardown } from './reset-fixture';
-
-beforeEach(function () {
-  cy.setCookie('confirm_cookies', '1');
-  cy.setCookie('confirm_tracking', '1');
-  cy.setCookie('confirm_facebook', '1');
-  cy.setCookie('confirm_youtube', '1');
-  cy.log('Setting up API fixture');
-  if (!Cypress.env('a11y')) {
-    setup();
-  }
-});
-
-afterEach(function () {
-  cy.log('Tearing down API fixture');
-  if (!Cypress.env('a11y')) {
-    teardown();
-  }
-});

package/acceptance/cypress/support/reset-fixture.js

@@ -1,45 +0,0 @@
-function setup() {
-  const api_url = Cypress.env('API_PATH') || 'http://localhost:55001/plone';
-  cy.request({
-    method: 'POST',
-    url: `${api_url}/RobotRemote`,
-    headers: { Accept: 'text/xml', 'content-type': 'text/xml' },
-    body:
-      '<?xml version="1.0"?><methodCall><methodName>run_keyword</methodName><params><param><value><string>remote_zodb_setup</string></value></param><param><value><array><data><value><string>plone.app.robotframework.testing.PLONE_ROBOT_TESTING</string></value></data></array></value></param></params></methodCall>',
-  }).then(() => cy.log('Setting up API fixture'));
-}
-
-function teardown() {
-  const api_url = Cypress.env('API_PATH') || 'http://localhost:55001/plone';
-  cy.request({
-    method: 'POST',
-    url: `${api_url}/RobotRemote`,
-    headers: { Accept: 'text/xml', 'content-type': 'text/xml' },
-    body:
-      '<?xml version="1.0"?><methodCall><methodName>run_keyword</methodName><params><param><value><string>remote_zodb_teardown</string></value></param><param><value><array><data><value><string>plone.app.robotframework.testing.PLONE_ROBOT_TESTING</string></value></data></array></value></param></params></methodCall>',
-  }).then(() => cy.log('Tearing down API fixture'));
-}
-
-function main() {
-  const command = process.argv[2];
-  switch (command) {
-    case 'setup':
-      setup();
-      break;
-    case 'teardown':
-      teardown();
-      break;
-    default:
-      setup();
-  }
-}
-
-// This is the equivalent of `if __name__ == '__main__'` in Python :)
-if (require.main === module) {
-  main();
-}
-
-module.exports = {
-  setup,
-  teardown,
-};

package/acceptance/cypress/support/slate.js

@@ -1,14 +0,0 @@
-export const createSlateBlock = () => {
-  cy.get('.ui.basic.icon.button.block-add-button').first().click();
-  cy.get('.blocks-chooser .title').contains('Text').click();
-  cy.get('.ui.basic.icon.button.slate').contains('Text').click();
-  return getSelectedSlateEditor();
-};
-
-export const getSelectedSlateEditor = () => {
-  return cy.get('.slate-editor.selected [contenteditable=true]').click();
-};
-
-export const getSlateEditorAndType = (selector, type) => {
-  return cy.get(selector).focus().click().wait(1000).type(type).wait(1000);
-};

package/acceptance/cypress/tests/a11y/accordionBlock.cy.js

@@ -1,30 +0,0 @@
-describe('a11y tests', () => {
-  beforeEach(() => {
-    // Cypress starts out with a blank slate for each test
-    // so we must tell it to visit our website with the `cy.visit()` command.
-    // Since we want to visit the same URL at the start of all our tests,
-    // we include it in our beforeEach function so that it runs before each test
-    cy.visit('/');
-  });
-
-  // Accordion Block
-  it('Accordion Block (/block/block-accordion)', () => {
-    cy.navigate('/block/block-accordion');
-    cy.wait(2000);
-    cy.injectAxe();
-    cy.configureAxe({
-      rules: [
-        // the example page intentionally omits the h1
-        {
-          id: 'page-has-heading-one',
-          enabled: false,
-        },
-        {
-          id: 'duplicate-id',
-          enabled: false,
-        },
-      ],
-    });
-    cy.checkAccessibility();
-  });
-});

package/acceptance/cypress/tests/a11y/basic.cy.js

@@ -1,26 +0,0 @@
-
-describe('a11y tests', () => {
-  beforeEach(() => {
-    // Cypress starts out with a blank slate for each test
-    // so we must tell it to visit our website with the `cy.visit()` command.
-    // Since we want to visit the same URL at the start of all our tests,
-    // we include it in our beforeEach function so that it runs before each test
-    cy.visit('/');
-  });
-
-  it('Home page (/)', () => {
-    cy.navigate('/');
-    cy.wait(2000);
-    cy.injectAxe();
-    cy.configureAxe({
-      rules: [
-        // the example home page intentionally omits the h1
-        {
-          id: 'page-has-heading-one',
-          enabled: false,
-        },
-      ],
-    });
-    cy.checkAccessibility();
-  });
-});

package/acceptance/cypress/tests/a11y/buttonBlock.cy.js

@@ -1,18 +0,0 @@
-describe('a11y tests', () => {
-  beforeEach(() => {
-    // Cypress starts out with a blank slate for each test
-    // so we must tell it to visit our website with the `cy.visit()` command.
-    // Since we want to visit the same URL at the start of all our tests,
-    // we include it in our beforeEach function so that it runs before each test
-    cy.visit('/');
-  });
-
-  //Button
-  it('Button-Block (/block/button-block)', () => {
-    cy.navigate('/block/button-block');
-    cy.wait(2000);
-    cy.injectAxe();
-    cy.configureAxe();
-    cy.checkAccessibility();
-  });
-});

package/acceptance/cypress/tests/a11y/eventContenttype.cy.js

@@ -1,18 +0,0 @@
-describe('a11y tests', () => {
-  beforeEach(() => {
-    // Cypress starts out with a blank slate for each test
-    // so we must tell it to visit our website with the `cy.visit()` command.
-    // Since we want to visit the same URL at the start of all our tests,
-    // we include it in our beforeEach function so that it runs before each test
-    cy.visit('/');
-  });
-
-  //Event
-  it('Event (/content-types/event)', () => {
-    cy.navigate('/content-types/event');
-    cy.wait(2000);
-    cy.injectAxe();
-    cy.configureAxe();
-    cy.checkAccessibility();
-  });
-});

package/acceptance/cypress/tests/a11y/fileContenttype.cy.js

@@ -1,18 +0,0 @@
-describe('a11y tests', () => {
-  beforeEach(() => {
-    // Cypress starts out with a blank slate for each test
-    // so we must tell it to visit our website with the `cy.visit()` command.
-    // Since we want to visit the same URL at the start of all our tests,
-    // we include it in our beforeEach function so that it runs before each test
-    cy.visit('/');
-  });
-
-  //File
-  it('File (/content-types/file)', () => {
-    cy.navigate('/content-types/file');
-    cy.wait(2000);
-    cy.injectAxe();
-    cy.configureAxe();
-    cy.checkAccessibility();
-  });
-});

package/acceptance/cypress/tests/a11y/gridBlock.cy.js

@@ -1,18 +0,0 @@
-describe('a11y tests', () => {
-  beforeEach(() => {
-    // Cypress starts out with a blank slate for each test
-    // so we must tell it to visit our website with the `cy.visit()` command.
-    // Since we want to visit the same URL at the start of all our tests,
-    // we include it in our beforeEach function so that it runs before each test
-    cy.visit('/');
-  });
-
-  // grid block
-  it('Grid-Block (/block/grid-block)', () => {
-    cy.navigate('/block/grid-block');
-    cy.wait(2000);
-    cy.injectAxe();
-    cy.configureAxe();
-    cy.checkAccessibility();
-  });
-});

package/acceptance/cypress/tests/a11y/gridImageBlock.cy.js

@@ -1,18 +0,0 @@
-describe('a11y tests', () => {
-  beforeEach(() => {
-    // Cypress starts out with a blank slate for each test
-    // so we must tell it to visit our website with the `cy.visit()` command.
-    // Since we want to visit the same URL at the start of all our tests,
-    // we include it in our beforeEach function so that it runs before each test
-    cy.visit('/');
-  });
-
-  // grid block Image
-  it('Grid-Block Image (/block/grid-block/image)', () => {
-    cy.navigate('/block/grid-block/image');
-    cy.wait(2000);
-    cy.injectAxe();
-    cy.configureAxe();
-    cy.checkAccessibility();
-  });
-});

package/acceptance/cypress/tests/a11y/gridListingBlock.cy.js

@@ -1,18 +0,0 @@
-describe('a11y tests', () => {
-  beforeEach(() => {
-    // Cypress starts out with a blank slate for each test
-    // so we must tell it to visit our website with the `cy.visit()` command.
-    // Since we want to visit the same URL at the start of all our tests,
-    // we include it in our beforeEach function so that it runs before each test
-    cy.visit('/');
-  });
-
-  // grid block listing
-  it('Grid-Block Listing (/block/grid-block/listing)', () => {
-    cy.navigate('/block/grid-block/listing');
-    cy.wait(2000);
-    cy.injectAxe();
-    cy.configureAxe();
-    cy.checkAccessibility();
-  });
-});

package/acceptance/cypress/tests/a11y/gridTeaserBlock.cy.js

@@ -1,18 +0,0 @@
-describe('a11y tests', () => {
-  beforeEach(() => {
-    // Cypress starts out with a blank slate for each test
-    // so we must tell it to visit our website with the `cy.visit()` command.
-    // Since we want to visit the same URL at the start of all our tests,
-    // we include it in our beforeEach function so that it runs before each test
-    cy.visit('/');
-  });
-
-  // grid Teaser block
-  it('Grid-Block Teaser (/block/grid-block/teaser)', () => {
-    cy.navigate('/block/grid-block/teaser');
-    cy.wait(2000);
-    cy.injectAxe();
-    cy.configureAxe();
-    cy.checkAccessibility();
-  });
-});

package/acceptance/cypress/tests/a11y/gridTextBlock.cy.js

@@ -1,33 +0,0 @@
-describe('a11y tests', () => {
-  beforeEach(() => {
-    // Cypress starts out with a blank slate for each test
-    // so we must tell it to visit our website with the `cy.visit()` command.
-    // Since we want to visit the same URL at the start of all our tests,
-    // we include it in our beforeEach function so that it runs before each test
-    cy.visit('/');
-  });
-
-  // grid tex block
-  it('Grid-Block text (/block/grid-block/text)', () => {
-    cy.navigate('/block/grid-block/text');
-    cy.wait(2000);
-    cy.injectAxe();
-    cy.configureAxe({
-      rules: [
-        // there are copies of slate h2,
-        // which have with the same id
-        {
-          id: 'duplicate-id-active',
-          enabled: false,
-        },
-        // there are missing heading of grid-block
-        // because we are using multiple grid block
-        {
-          id: 'empty-heading',
-          enabled: false,
-        },
-      ],
-    });
-    cy.checkAccessibility();
-  });
-});