@W-18981744 Feature/search feature partity merge develop 8 1 (#2969)

* Update CHANGELOG.md

* bump versions

* Bump versions in mcp server

* Initial Commit

Add initGit option
Update readme for create app tool
Always use latest for create app npx package version.

* Change when git init is run

also added basic gitignore for non-extension projects

* Update CHANGELOG.md

* Fix tests

* Rename pwa-kit-mcp project

* Update server.js

* Include bin entry in package.json

* Fix dependencies etc

* Add example with output dir

* Punctuation fix in readme

* Update program.json

PR feedback on description.

Signed-off-by: Ben Chypak <bchypak@mobify.com>

* Rename package to pwa-kit-mcp

* Update server json in readme

* Update readme and bump version

* Ensure the latest version is used in readme example

* Version align the mcp server with the platform version

* Use --initGit flag and test for .git/ creation

* Add flag both commands for template and presets

* Ensure gitignore is created

* Ensure default command includes --initGit

* Update base command

* qa prompt

* update

* Bump versions

* Clean up changelogs

* Update usid expiry to match refresh_token expiry

* Linting fix

* Update changelog

* Better prompting for cursor and create app program

* Update packages/commerce-sdk-react/src/auth/index.ts

Co-authored-by: vcua-mobify <47404250+vcua-mobify@users.noreply.github.com>
Signed-off-by: Jainam Sheth <99490559+shethj@users.noreply.github.com>

* Add unit tests for usid expiry

* Remove overlapping test cases

* bump version

* bump develop to next dev version

* Update changelogs

* Change version number

* Update readme

* Move tools to tools folder

* Clean up files/folders, create new tool folder.

* Lint

* A11y tests - Handle dynamic aria labels generated by chakra UI (#2864)

* Handle dynamic aria labels generated by chakra UI

* improve sanitization

---------

Co-authored-by: Alex Vuong <alex.vuong@salesforce.com>

* initial implementation of create page mcp tool

* fix

* support open url

* fix the import

* update README and changelog

* Modified create page mcp tool

* Added Image Componentsupport to Create page MCP tool

* Fixed failing tests

* Added new and fixed failing tests and corrected linting issues

* Added new test and minor update to system prompt

* Updated image component functionality

* Updated system prompt

* Fixed routes issue

* Added tests and comments

* Fixed merge conflicts and moved cursor to retail-react-app

* skip changelog

* Removed unused const

* Addressed comments

* Update reading expiry time for usid

* Removed the cursor rule

* Update codeowners file to include ownership for specific features (#2921)

* Update codeowners

* @W-18895609: 🚀 Shopper Agent Experience v3.0 (#2658)

* feat: shopper agent experience v3.0

* fix: enabling streaming (#2911)

* Committing for Rules and cleanup

* skip changelog

* Fixed tests

* Lint fix

* Addressed comments

* Removed the flex hardcode in log message

* Fixing Page Tool

* Fixing Linter

* Updating the Page tool

* Fix eslint discoverability in the monorepo (@W-19068681@) (#2927)

* Attempt at fixing eslint discoverability in the monorepo

* Support other packages

* Another approach: centralize the eslint dependencies

* Add a script to sync eslint stuffs to the root

* Update package lock files

* Move timing of script to preinstall

* Update package lock files

* No need for this documentation

* Empty commit

* Simplify the script's logic

* Reverting changes for Page tool

* Added comment back

* Reverting the test change

* @W-19179026: disable streaming responses (#2964)

* @W-18981744 increase packages size CI build failing

---------

Signed-off-by: Ben Chypak <bchypak@mobify.com>
Signed-off-by: Jainam Sheth <99490559+shethj@users.noreply.github.com>
Co-authored-by: vcua-mobify <vcua@salesforce.com>
Co-authored-by: Ben Chypak <bchypak@salesforce.com>
Co-authored-by: Ben Chypak <bchypak@mobify.com>
Co-authored-by: Shailesh Zirpe <szirpe+sf@salesforce.com>
Co-authored-by: Jainam Sheth <j.sheth@salesforce.com>
Co-authored-by: Jainam Sheth <99490559+shethj@users.noreply.github.com>
Co-authored-by: vcua-mobify <47404250+vcua-mobify@users.noreply.github.com>
Co-authored-by: Alex Vuong <alex.vuong@salesforce.com>
Co-authored-by: Shailesh Zirpe <42553862+szirpesf@users.noreply.github.com>
Co-authored-by: wei-liu <wei.liu@salesforce.com>
Co-authored-by: atekur <atekur@salesforce.com>
Co-authored-by: Aditya Tekur <126732792+aditek-sf@users.noreply.github.com>
Co-authored-by: Ujwala <59447810+unandyala@users.noreply.github.com>
Co-authored-by: Avinash Kasipathy <akasipathy@salesforce.com>
Co-authored-by: snilakandan <snilakandan@salesforce.com>
Co-authored-by: Vincent Marta <vmarta@salesforce.com>
Co-authored-by: snilakandan13 <119348013+snilakandan13@users.noreply.github.com>

Author: 12 people

.cursor/qa/rules/packages/template-retail-react-app/testing/retail-react-app-test-patterns.mdc

@@ -0,0 +1,59 @@
+---
+description: QA Tests for Template Retail React App Test Generation Rules
+globs: ["packages/template-retail-react-app/app/components/**/*-underTest.test.{js,jsx}"]
+alwaysApply: false
+---
+# QA Tests for Template Retail React App Test Patterns
+
+## Purpose
+This file contains test cases to verify that the `unit-tests-template-retail-react-app.mdc` rule effectively guides the creation of consistent and robust React component tests.
+
+## Test Cases
+
+### Test 1: DrawerMenu Component Test Generation
+**Workflow:** Generate → Analyze → Cleanup (NO test execution)
+
+**Steps:**
+1. **Generate:** Create new test file `drawer-menu-underTest.test.js` (colocated with existing drawer-menu component at `packages/template-retail-react-app/app/components/drawer-menu/`)
+2. **Apply Rules:** Use `@/testing` (located at `.cursor/rules/testing/unit-tests-generic.mdc` and `.cursor/rules/testing/unit-tests-template-retail-react-app.mdc`)
+3. **Prompt:** "Write unit test for drawer-menu component"
+4. **Analyze:** Perform static code analysis against verification patterns (see below)
+5. **Cleanup:** Delete the generated test file after validation
+
+**Important:** DO NOT run the test after creation - skip test execution entirely
+
+**Verify that the newly generated test file follows these patterns:**
+1. Test Setup
+   - Uses `renderWithProviders` from `@salesforce/retail-react-app/app/utils/test-utils`
+   - Gets user events from return value: `const {user} = renderWithProviders(...)`
+   - Includes `beforeEach(() => jest.clearAllMocks())`
+
+2. Import Structure
+   - Does NOT import `userEvent` directly
+   - Uses existing mock data from `@salesforce/retail-react-app/app/mocks/`
+   - Imports `screen` from `@testing-library/react`
+
+3. Test Organization
+   - Uses `describe` block with component name
+   - Individual `test` or `it` blocks for different scenarios
+   - Async/await patterns for user interactions
+
+4. API Mocking
+   - Uses `prependHandlersToServer` or `msw` for API mocking when needed
+
+**Failure Indicators:**
+- Direct import of `userEvent` from `@testing-library/user-event`
+- Using custom render function instead of `renderWithProviders`
+- Creating new mock data instead of using existing mocks
+- Missing Commerce SDK context providers
+- Not using async/await for user interactions
+
+**Expected Output:**
+Provide a clear, structured report based on **static code analysis only** (no test execution):
+- ✅ **PASS** or ❌ **FAIL** for each verification point
+- Specific line numbers and code snippets for any failures
+- Summary: `X/Y patterns followed correctly`
+- Overall result: **RULES EFFECTIVE** or **RULES NEED IMPROVEMENT**
+
+**Cleanup:**
+- Delete the generated test file `drawer-menu-underTest.test.js` after QA validation is complete

.github/CODEOWNERS

@@ -1,9 +1,64 @@
 # https://help.github.com/en/enterprise/2.17/user/articles/about-code-owners
 
-# These owners will be the default owners for everything in
-# the repo. Unless a later match takes precedence,
-# @global-owner1 and @global-owner2 will be requested for
-# review when someone opens a pull request.
+# Global directories
+.cursor/                                                    @SalesforceCommerceCloud/mobifyers
+.github/                                                    @SalesforceCommerceCloud/mobifyers
+e2e/                                                        @SalesforceCommerceCloud/mobifyers
+scripts/                                                    @SalesforceCommerceCloud/mobifyers
+
+# Package-specific ownership
+packages/commerce-sdk-react/                               @SalesforceCommerceCloud/mobifyers
+packages/internal-lib-build/                               @SalesforceCommerceCloud/mobifyers
+packages/pwa-kit-create-app/                               @SalesforceCommerceCloud/mobifyers
+packages/pwa-kit-dev/                                      @SalesforceCommerceCloud/mobifyers
+packages/pwa-kit-mcp/                                      @SalesforceCommerceCloud/mobifyers
+packages/pwa-kit-react-sdk/                                @SalesforceCommerceCloud/mobifyers
+packages/pwa-kit-runtime/                                  @SalesforceCommerceCloud/mobifyers
+packages/template-express-minimal/                         @SalesforceCommerceCloud/mobifyers
+packages/template-mrt-reference-app/                       @SalesforceCommerceCloud/mobifyers
+packages/template-retail-react-app/                        @SalesforceCommerceCloud/mobifyers
+packages/template-typescript-minimal/                      @SalesforceCommerceCloud/mobifyers
+packages/test-commerce-sdk-react/                          @SalesforceCommerceCloud/mobifyers
+
+# Root configuration and documentation files
+/README.md                                                  @SalesforceCommerceCloud/mobifyers
+/CODE_OF_CONDUCT.md                                         @SalesforceCommerceCloud/mobifyers
+/CONTRIBUTING.md                                            @SalesforceCommerceCloud/mobifyers
+/SECURITY.md                                                @SalesforceCommerceCloud/mobifyers
+/STATEMENTS.md                                              @SalesforceCommerceCloud/mobifyers
+/TERMS_OF_USE.md                                            @SalesforceCommerceCloud/mobifyers
+/LICENSE                                                    @SalesforceCommerceCloud/mobifyers
+/.eslintrc.js                                              @SalesforceCommerceCloud/mobifyers
+/.gitattributes                                            @SalesforceCommerceCloud/mobifyers
+/.gitignore                                                @SalesforceCommerceCloud/mobifyers
+/.prettierignore                                           @SalesforceCommerceCloud/mobifyers
+/.prettierrc.yaml                                          @SalesforceCommerceCloud/mobifyers
+/lerna.json                                                @SalesforceCommerceCloud/mobifyers
+/package.json                                              @SalesforceCommerceCloud/mobifyers
+/package-lock.json                                         @SalesforceCommerceCloud/mobifyers
+/playwright.config.js                                      @SalesforceCommerceCloud/mobifyers
+/.git2gus/                                                 @SalesforceCommerceCloud/mobifyers
+
+# Specific feature file ownership (overrides package-level rules above)
+
+# BOPIS (Buy Online Pick up In Store) feature files - PR #2646
+packages/template-retail-react-app/app/components/store-display/ @SalesforceCommerceCloud/cc-spark
+packages/template-retail-react-app/app/hooks/use-selected-store.js @SalesforceCommerceCloud/cc-spark
+packages/template-retail-react-app/app/hooks/use-pickup-shipment.js @SalesforceCommerceCloud/cc-spark
+packages/template-retail-react-app/app/hooks/use-pickup-shipment.test.js @SalesforceCommerceCloud/cc-spark
+e2e/tests/desktop/bopis.spec.js @SalesforceCommerceCloud/cc-spark
+
+# Bonus Products feature files - PR #2704
+packages/template-retail-react-app/app/components/product-item/bonus-product-quantity.jsx @SalesforceCommerceCloud/cc-sharks
+packages/template-retail-react-app/app/components/product-item/bonus-product-quantity.test.jsx @SalesforceCommerceCloud/cc-sharks
+packages/template-retail-react-app/app/components/product-item/product-quantity-picker.jsx @SalesforceCommerceCloud/cc-sharks
+packages/template-retail-react-app/app/components/product-item/product-quantity-picker.test.jsx @SalesforceCommerceCloud/cc-sharks
+packages/template-retail-react-app/app/pages/cart/partials/bonus-products-title.jsx @SalesforceCommerceCloud/cc-sharks
+packages/template-retail-react-app/app/pages/cart/partials/bonus-products-title.test.js @SalesforceCommerceCloud/cc-sharks
+
+# Standard Products feature files - PR #2697
+packages/template-retail-react-app/app/mocks/standard-product.js @SalesforceCommerceCloud/cc-sharks
+packages/template-retail-react-app/app/utils/add-to-cart-utils.js @SalesforceCommerceCloud/cc-sharks
+                                                        
 
-*       @SalesforceCommerceCloud/mobifyers
 #ECCN:Open Source

e2e/config.js

@@ -13,7 +13,7 @@ module.exports = {
   GENERATED_PROJECTS_DIR: "../generated-projects",
   GENERATE_PROJECTS: ["retail-app-demo", "retail-app-ext", "retail-app-no-ext"],
   GENERATOR_CMD:
-    "node packages/pwa-kit-create-app/scripts/create-mobify-app-dev.js --outputDir",
+    "node packages/pwa-kit-create-app/scripts/create-mobify-app-dev.js --initGit --outputDir",
   CLI_RESPONSES: {
     "retail-app-demo": [
       {
@@ -112,6 +112,8 @@ module.exports = {
   },
   EXPECTED_GENERATED_ARTIFACTS: {
     "retail-app-demo": [
+      ".git",
+      ".gitignore",
       ".cursor",
       ".eslintignore",
       ".eslintrc.js",
@@ -126,6 +128,8 @@ module.exports = {
       "worker",
     ],
     "retail-app-ext": [
+      ".git",
+      ".gitignore",
       ".cursor",
       ".eslintignore",
       ".eslintrc.js",

e2e/scripts/utils.js

@@ -42,10 +42,11 @@ const getCreditCardExpiry = (yearsFromNow = 5) => {
  */
 function simplifyViolations(violations) {
     return violations.map((violation) => ({
-        id: violation.id, // Rule ID
-        impact: violation.impact, // Impact (critical, serious, moderate, minor)
-        description: violation.description, // Description of the rule
-        help: violation.help, // Short description
+        id: violation.id,
+        // Severity of violation (critical, serious, moderate, minor)
+        impact: violation.impact,
+        description: violation.description,
+        help: violation.help,
         helpUrl: violation.helpUrl,
         nodes: violation.nodes.map((node) => ({
             // Simplify the HTML to make it more stable for snapshots
@@ -54,7 +55,13 @@ function simplifyViolations(violations) {
             failureSummary: node.failureSummary,
             // Simplify target selectors for stability
             // #app-header[data-v-12345] > .navigation[data-testid="main-nav"] => #app-header > .navigation
-            target: node.target.map((t) => t.split(/\[.*?\]/).join(''))
+            // Also handle Chakra UI dynamic selectors like #popover-trigger-:r5l4v:
+            target: node.target.map((t) =>
+                t
+                    .split(/\[.*?\]/).join('') // Remove data attributes
+                    .replace(/#([^-\s]+(?:-[^:]*)?):([^"\s]*)/g, '#$1-...') // Remove Chakra UI dynamic IDs
+                    .replace(/\.css-[a-zA-Z0-9]+/g, '.css-...') // Simplify Chakra UI CSS classes
+            )
         }))
     }))
 }
@@ -77,6 +84,10 @@ function sanitizeHtml(html) {
             .replace(/style="[^"]*"/g, '')
             // Remove content of script tags
             .replace(/<script\b[^>]*>([\s\S]*?)<\/script>/gi, '<script>...</script>')
+            // Dynamic values - keep stable part:
+            // Before: aria-controls="popover-content-:rn:"
+            // After:  aria-controls="popover-content-..."
+            .replace(/(aria-(?:controls|describedby|labelledby|owns))="([^:]*?)(?::[^"]*)?"/g, '$1="$2..."')
             // Trim whitespace
             .trim()
     )

e2e/tests/a11y/desktop/__snapshots__/guest/cart-a11y-violations.json

@@ -7,10 +7,10 @@
     "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-allowed-attr?application=playwright",
     "nodes": [
       {
-        "html": "<form id=\"...\" aria-haspopup=\"dialog\" aria-expanded=\"false\" aria-controls=\"popover-content-:rh:\">",
+        "html": "<form id=\"...\" aria-haspopup=\"dialog\" aria-expanded=\"false\" aria-controls=\"popover-content-...\">",
         "failureSummary": "Fix all of the following:\n  ARIA attribute is not allowed: aria-expanded=\"false\"",
         "target": [
-          "#popover-trigger-\\:rh\\:"
+          "#popover-trigger-\\-..."
         ]
       }
     ]

e2e/tests/a11y/desktop/__snapshots__/guest/checkout-a11y-violations-step-0.json

@@ -26,7 +26,7 @@
         "html": "<a class=\"...\" aria-label=\"Back to cart, number of items: 2\" href=\"/cart\">",
         "failureSummary": "Fix any of the following:\n  Some page content is not contained by landmarks",
         "target": [
-          ".css-1k2aozt"
+          ".css-..."
         ]
       }
     ]

e2e/tests/a11y/desktop/__snapshots__/guest/checkout-a11y-violations-step-1.json

@@ -26,7 +26,7 @@
         "html": "<a class=\"...\" aria-label=\"Back to cart, number of items: 2\" href=\"/cart\">",
         "failureSummary": "Fix any of the following:\n  Some page content is not contained by landmarks",
         "target": [
-          ".css-1k2aozt"
+          ".css-..."
         ]
       }
     ]

e2e/tests/a11y/desktop/__snapshots__/guest/checkout-a11y-violations-step-2.json

@@ -26,7 +26,7 @@
         "html": "<a class=\"...\" aria-label=\"Back to cart, number of items: 2\" href=\"/cart\">",
         "failureSummary": "Fix any of the following:\n  Some page content is not contained by landmarks",
         "target": [
-          ".css-1k2aozt"
+          ".css-..."
         ]
       }
     ]

e2e/tests/a11y/desktop/__snapshots__/guest/checkout-a11y-violations-step-3.json

@@ -26,7 +26,7 @@
         "html": "<a class=\"...\" aria-label=\"Back to cart, number of items: 2\" href=\"/cart\">",
         "failureSummary": "Fix any of the following:\n  Some page content is not contained by landmarks",
         "target": [
-          ".css-1k2aozt"
+          ".css-..."
         ]
       }
     ]

e2e/tests/a11y/desktop/__snapshots__/guest/checkout-a11y-violations-step-4-order-confirmation.json

@@ -26,7 +26,7 @@
         "html": "<a class=\"...\" aria-label=\"Back to cart, number of items: 2\" href=\"/cart\">",
         "failureSummary": "Fix any of the following:\n  Some page content is not contained by landmarks",
         "target": [
-          ".css-1k2aozt"
+          ".css-..."
         ]
       }
     ]