adobe-rnd
diff --git a/‎.eslintignore‎
Lines changed: 1 addition & 1 deletion b/‎.eslintignore‎
Lines changed: 1 addition & 1 deletion
diff --git a/‎.eslintrc.js‎
Lines changed: 8 additions & 0 deletions b/‎.eslintrc.js‎
Lines changed: 8 additions & 0 deletions
diff --git a/‎.github/workflows/run-e2e-tests.yaml‎
Lines changed: 25 additions & 0 deletions b/‎.github/workflows/run-e2e-tests.yaml‎
Lines changed: 25 additions & 0 deletions
diff --git a/‎.gitignore‎
Lines changed: 1 addition & 1 deletion b/‎.gitignore‎
Lines changed: 1 addition & 1 deletion
diff --git a/‎.hlxignore‎
Lines changed: 3 additions & 0 deletions b/‎.hlxignore‎
Lines changed: 3 additions & 0 deletions
diff --git a/‎.npmrc‎
Lines changed: 2 additions & 0 deletions b/‎.npmrc‎
Lines changed: 2 additions & 0 deletions
diff --git a/‎404.html‎
Lines changed: 8 additions & 3 deletions b/‎404.html‎
Lines changed: 8 additions & 3 deletions
diff --git a/‎README.md‎
Lines changed: 14 additions & 2 deletions b/‎README.md‎
Lines changed: 14 additions & 2 deletions
diff --git a/‎blocks/commerce-account-header/commerce-account-header.css‎
Lines changed: 3 additions & 0 deletions b/‎blocks/commerce-account-header/commerce-account-header.css‎
Lines changed: 3 additions & 0 deletions
diff --git a/‎blocks/commerce-account-header/commerce-account-header.js‎
Lines changed: 14 additions & 0 deletions b/‎blocks/commerce-account-header/commerce-account-header.js‎
Lines changed: 14 additions & 0 deletions
@@ -3,9 +3,9 @@ scripts/htm.js
 scripts/acdl
 tools/picker
 tools/pdp-metadata
-scripts/dropins
 scripts/__dropins__
 scripts/commerce-events-collector.js
 scripts/commerce-events-sdk.js
 scripts/widgets
 plugins/
+cypress/
@@ -14,5 +14,13 @@ module.exports = {
     'import/extensions': ['error', { js: 'always' }], // require js file extensions in imports
     'linebreak-style': ['error', 'unix'], // enforce unix linebreaks
     'no-param-reassign': [2, { props: false }], // allow modifying properties of param
+    'no-use-before-define': [2, { functions: false }],
+    'no-console': [
+      'error',
+      {
+        allow: ['warn', 'error', 'info', 'debug'],
+      },
+    ],
+    'no-unused-vars': ['error', { argsIgnorePattern: '^_', varsIgnorePattern: '^_' }],
   },
 };
@@ -0,0 +1,25 @@
+name: Cypress E2E Tests
+on: push
+jobs:
+  cypress-run:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - name: Install root dependencies
+        run: npm ci
+      - name: Start server in the background
+        run: npm start &
+
+      - name: Install Cypress and run tests
+        uses: cypress-io/github-action@v6
+        with:
+          working-directory: cypress
+          browser: chrome
+          wait-on: 'http://localhost:3000'
+          config: baseUrl=http://localhost:3000
+      - uses: actions/upload-artifact@v4
+        if: failure()
+        with:
+          name: cypress-screenshots
+          path: cypress/screenshots
+          if-no-files-found: ignore
@@ -9,4 +9,4 @@ helix-importer-ui
 *.bak
 .idea
 # Ignore .map files in scripts/__dropins__/ directory and all its subdirectories
-scripts/__dropins__/**/*.map
+scripts/__dropins__/**/*.map
@@ -1,10 +1,13 @@
 .*
 *.md
+*.d.ts
 karma.config.js
 LICENSE
 package.json
 package-lock.json
 test/*
 postinstall.js
+build.mjs
 tools/picker/src/*
+cypress/
 tools/pdp-metadata/*
@@ -0,0 +1,2 @@
+; force @adobe namespaced packages to be installed from npmjs.org
+@adobe:registry=https://registry.npmjs.org
@@ -7,7 +7,8 @@
     {
         "imports": {
             "@dropins/tools/": "/scripts/__dropins__/tools/",
-            "@dropins/storefront-pdp/": "/scripts/__dropins__/storefront-pdp/"
+            "@dropins/storefront-cart/": "/scripts/__dropins__/storefront-cart/",
+            "@dropins/storefront-auth/": "/scripts/__dropins__/storefront-auth/"
         }
     }
   </script>
@@ -41,9 +42,13 @@
   <link rel="stylesheet" href="/styles/styles.css">
   <style>
     main.error {
-      min-height: calc(100vh - var(--nav-height));
-      display: flex;
       align-items: center;
+      display: flex;
+      margin: 0 auto;
+      max-width: 1264px;
+      min-height: calc(100vh - var(--nav-height));
+      padding: 0 32px;
+      width: 100%;
     }
 
     main.error .error-number {
 
@@ -8,9 +8,21 @@ https://experienceleague.adobe.com/developer/commerce/storefront/
 - Preview: https://main--{repo}--{owner}.aem.page/
 - Live: https://main--{repo}--{owner}.aem.live/
 
+## Pre-requisites
+
+Out of the box, this project template uses a pre-configured Adobe Commerce environment. If you want to use your own Adobe Commerce environment, you'll need to update the `configs.xlsx` file in your content repository to have values that match your environment.
+
+Additionally, you need to have the following modules and customizations installed on your environment:
+
+1. magento/magento-extra-graphql: Commerce module required for Cart and Checkout Drop-Ins.
+1. magento/module-data-services-graphql: Commerce module with functionality necessary for adding context to events.
+1. magento/module-page-builder-product-recommendations: Commerce module required for PRex Widget
+1. magento/module-visual-product-recommendations: Commerce module required for PRex Widget
+<!-- 1. TODO: Add further prereqs.  -->
+
 ## Documentation
 
-Before using the aem-boilerplate, we recommand you to go through the documentation on https://www.aem.live/docs/ and more specifically:
+Before using the boilerplate, we recommand you to go through the documentation on https://www.aem.live/docs/ and more specifically:
 1. [Developer Tutorial](https://www.aem.live/developer/tutorial)
 2. [The Anatomy of a Project](https://www.aem.live/developer/anatomy-of-a-project)
 3. [Web Performance](https://www.aem.live/developer/keeping-it-100)
@@ -30,7 +42,7 @@ npm run lint
 
 ## Local development
 
-1. Create a new repository based on the `aem-boilerplate` template and add a mountpoint in the `fstab.yaml`
+1. Create a new repository based on the `aem-boilerplate-commerce` template and add a mountpoint in the `fstab.yaml`
 1. Add the [AEM Code Sync GitHub App](https://github.com/apps/aem-code-sync) to the repository
 1. Add your Adobe Commerce SaaS configuration in the `configs.xlsx` sheet in your content repository.
 1. Install all dependencies using `npm i`.
 
@@ -0,0 +1,3 @@
+body.columns main > .section > div.commerce-account-header-wrapper {
+    margin-bottom: 0;
+}
@@ -0,0 +1,14 @@
+/* eslint-disable import/no-unresolved */
+/* eslint-disable import/no-extraneous-dependencies */
+import { Header, provider as uiProvider } from '@dropins/tools/components.js';
+import { readBlockConfig } from '../../scripts/aem.js';
+
+export default function decorate(block) {
+  const {
+    title = 'My account',
+  } = readBlockConfig(block);
+
+  block.innerHTML = '';
+
+  return uiProvider.render(Header, { title })(block);
+}
Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,2 @@`
	`1`	`+; force @adobe namespaced packages to be installed from npmjs.org`
	`2`	`+@adobe:registry=https://registry.npmjs.org`
Original file line number	Diff line number	Diff line change
`@@ -7,7 +7,8 @@`
`7`	`7`	`{`
`8`	`8`	`"imports": {`
`9`	`9`	`"@dropins/tools/": "/scripts/__dropins__/tools/",`
`10`		`- "@dropins/storefront-pdp/": "/scripts/__dropins__/storefront-pdp/"`
	`10`	`+ "@dropins/storefront-cart/": "/scripts/__dropins__/storefront-cart/",`
	`11`	`+ "@dropins/storefront-auth/": "/scripts/__dropins__/storefront-auth/"`
`11`	`12`	`}`
`12`	`13`	`}`
`13`	`14`	`</script>`
`@@ -41,9 +42,13 @@`
`41`	`42`	`<link rel="stylesheet" href="/styles/styles.css">`
`42`	`43`	`<style>`
`43`	`44`	`main.error {`
`44`		`- min-height: calc(100vh - var(--nav-height));`
`45`		`- display: flex;`
`46`	`45`	`align-items: center;`
	`46`	`+ display: flex;`
	`47`	`+ margin: 0 auto;`
	`48`	`+ max-width: 1264px;`
	`49`	`+ min-height: calc(100vh - var(--nav-height));`
	`50`	`+ padding: 0 32px;`
	`51`	`+ width: 100%;`
`47`	`52`	`}`
`48`	`53`
`49`	`54`	`main.error .error-number {`
Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+body.columns main > .section > div.commerce-account-header-wrapper {`
	`2`	`+ margin-bottom: 0;`
	`3`	`+}`