Introduction AKS Development Environment Login to AKS on Local Environment Monitoring Deployment Check Deployment Status Examine Pod Logs Debug with pod exec Resource Usage Check Desired Image Version Is Rolled Out Helm Validation Rollback to Previous Release Version Clear NGINX Cache Introduction This

With the growing importance of good Core Web Vitals (CWV) metrics, the Intershop PWA includes several optimizations and functionalities that are intended to improve these metrics. The following chapter lists aspects of the Intershop PWA that are related to the CWV and should be considered while developing

Introduction In the PWA registered users can subscribe to and unsubscribe from a newsletter service. Configuration To enable this feature, an e-mail marketing provider has to be configured in Intershop Commerce Management under Channel Preferences | E-mail Marketing. The PWA receives information about

Important To use the Co-Browse functionality ICM version 11.8.0 or above is needed. This document describes the authentication mechanism if the co-browse identity provider is used to enable an agent to log in on behalf of a user. If you need an introduction regarding authentication in the PWA, read the

This guide provides a brief overview of how to update PWA dependencies. Customer Projects In most cases, customer projects should never update dependencies themselves. Whenever a new PWA version is released, the project should consume it completely, following the recommended import instructions. In particular

We integrated Address Doctor to verify address data for correctness. The current integration is based on the Address Doctor API 6.0.0. Setup First, activate the feature toggle addressDoctor . You will also have to provide the endpoint and additional verification data. This can be done by defining it

Multiple Themes It is possible to create multiple themes for the PWA, and the Intershop Progressive Web App currently uses multi-theming to provide different features, configurations, and styles for the B2B and the B2C application. This mechanism uses Angular configurations to replace files for each

From 5.1 to 5.2 The store action and method addBasketToNewOrderTemplate of the OrderTemplatesFacade have been renamed to createOrderTemplateFromLineItems and refactored slightly. The Intershop PWA specific Pipes sanitize , makeHref and htmlEncode were renamed using the common ish prefix that is used

When customizing the PWA, always keep in mind that you may want to upgrade from time to time and will have to merge incoming changes into your codebase. We, therefore, suggest not to edit existing files to a large extent and to keep them as intact as possible. In this document we provide a couple of

Formly Overview Formly-Form Component FormlyFieldConfig Customizing Form Logic Custom Field Types Custom Wrappers Custom Extensions Validation Extras Formly Config Service Testing Formly Testing Custom Types Testing Wrappers How to Configure Formly Intershop's Custom Formly Parts Field Types Wrappers

Developing with the Intershop PWA requires to download and install Node.js with the included npm package manager. Check the project's package.json in the engines section for the recommended node version. Note If you will work with different Node.js based projects or different PWA versions, we recommend

Field Library Overview The Field Library Retrieving Configurations Retrieving Configuration Groups Defining Your Own Configurations & Configuration Groups Defining a FieldLibraryConfiguration Defining a FieldLibraryConfigurationGroup Automatic Field Replacement Using the '#' Pseudo-Type Address Forms

Product Contexts were introduced in PWA version 0.27. What is a Product Context? Product contexts provide easy access to all data related to a single product. The context itself stores the sku and (optional) the quantity of the product and delegates all other information from the State Management in

Multi Site Configurations Syntax Examples One domain, One Channel, Multiple Locales Multiple Domains, Multiple Channels, Multiple Locales Multiple Subdomains, Multiple channels, Multiple Locales Extended Example with Many Different Configurations Extended Example with two domains, one with basic auth

We provide an NGINX Docker image based on OpenResty for the PWA deployment. Building The Docker image can be built by running a Docker build with the Dockerfile located in the nginx folder. Configuration Mandatory environment variables: Connect the NGINX to the PWA with the UPSTREAM_PWA value in the

Declare Components in the Right NgModule Angular requires you to declare a component in one and only one NgModule. Find the right one in the following order: Your Component is used only on one page? - Add it to the declarations of the corresponding page.module. Your Component is used among multiple pages

Building To simply build the Intershop PWA in server-side rendering mode, you can use the package.json script npm run build , which builds the Intershop PWA with the production configuration of the angular.json with the default theme. Afterwards you can start the application with npm run serve (or do

Quick Start Before working with this project, download and install Node.js with the included npm package manager. Currently Node.js 18.16.0 LTS with the corresponding npm 9.5.1 is used for development. The project uses Angular CLI which has to be installed globally. Run npm install -g @angular/cli once

Accessibility General Attributes and Roles Titles instead of ARIA-Attributes Usage of native HTML-Elements ESLint Rules Accessibility Plugin Additional Rules Project specific Applications How to fix click-events-have-key-events problems Form Submission using the key "Enter" Form submission in dialogs

Forms File and Naming Conventions Reusable Form Components Page Specific Form Components Data Models Services Extensions Form Behavior General Rules Usage of Formly, Template Driven and Reactive Forms Validators Keep Templates Simple Further References The Intershop PWA has switched to using formly