PWA-3450 : Commit for initial package after conversion from TypeScrip…

packages/extensions/venia-pwa-live-search/package.json

@@ -0,0 +1,27 @@
+{
+  "name": "@magento/venia-pwa-live-search",
+  "version": "1.0.0",
+  "description": "Live Search PWA Studio extension.",
+  "main": "src/index.jsx",
+  "scripts": {
+    "clean": " "
+  },
+  "repository": "https://github.com/github:magento/pwa-studio",
+  "license": "MIT",
+  "dependencies": {
+    "@magento/pwa-buildpack": "~11.5.3",
+    "@magento/storefront-search-as-you-type": "~1.0.4",
+    "@magento/venia-ui": "~11.5.0",
+    "currency-symbol-map": "^5.1.0",
+    "@adobe/commerce-events-sdk": "^1.13.0",
+    "@adobe/commerce-events-collectors": "^1.13.0"
+  },
+  "peerDependencies": {
+    "react": "^17.0.2"
+  },
+  "pwa-studio": {
+    "targets": {
+      "intercept": "src/targets/intercept"
+    }
+  }
+}

packages/extensions/venia-pwa-live-search/postcss.config.js

@@ -0,0 +1,9 @@
+module.exports = {
+    plugins: [
+        //require('postcss-import'),
+        require('tailwindcss/nesting')
+        //require('autoprefixer'),
+        //require('tailwindcss'),
+        //require('cssnano'),
+    ]
+};

packages/extensions/venia-pwa-live-search/src/api/fragments.js

@@ -0,0 +1,193 @@
+/*
+Copyright 2024 Adobe
+All Rights Reserved.
+
+NOTICE: Adobe permits you to use, modify, and distribute this file in
+accordance with the terms of the Adobe license agreement accompanying
+it.
+*/
+
+const Facet = `
+    fragment Facet on Aggregation {
+        title
+        attribute
+        buckets {
+            title
+            __typename
+            ... on CategoryView {
+                name
+                count
+                path
+            }
+            ... on ScalarBucket {
+                count
+            }
+            ... on RangeBucket {
+                from
+                to
+                count
+            }
+            ... on StatsBucket {
+                min
+                max
+            }
+        }
+    }
+`;
+
+const ProductView = `
+    fragment ProductView on ProductSearchItem {
+        productView {
+            id
+            __typename
+            sku
+            name
+            inStock
+            url
+            urlKey
+            images {
+                label
+                url
+                roles
+            }
+            ... on ComplexProductView {
+                priceRange {
+                    maximum {
+                        final {
+                            amount {
+                                value
+                                currency
+                            }
+                        }
+                        regular {
+                            amount {
+                                value
+                                currency
+                            }
+                        }
+                    }
+                    minimum {
+                        final {
+                            amount {
+                                value
+                                currency
+                            }
+                        }
+                        regular {
+                            amount {
+                                value
+                                currency
+                            }
+                        }
+                    }
+                }
+                options {
+                    id
+                    title
+                    values {
+                        title
+                        ... on ProductViewOptionValueSwatch {
+                            id
+                            inStock
+                            type
+                            value
+                        }
+                    }
+                }
+            }
+            ... on SimpleProductView {
+                price {
+                    final {
+                        amount {
+                            value
+                            currency
+                        }
+                    }
+                    regular {
+                        amount {
+                            value
+                            currency
+                        }
+                    }
+                }
+            }
+        }
+        highlights {
+            attribute
+            value
+            matched_words
+        }
+    }
+`;
+
+const Product = `
+    fragment Product on ProductSearchItem {
+        product {
+            __typename
+            sku
+            description {
+                html
+            }
+            short_description {
+                html
+            }
+            name
+            canonical_url
+            small_image {
+                url
+            }
+            image {
+                url
+            }
+            thumbnail {
+                url
+            }
+            price_range {
+                minimum_price {
+                    fixed_product_taxes {
+                        amount {
+                            value
+                            currency
+                        }
+                        label
+                    }
+                    regular_price {
+                        value
+                        currency
+                    }
+                    final_price {
+                        value
+                        currency
+                    }
+                    discount {
+                        percent_off
+                        amount_off
+                    }
+                }
+                maximum_price {
+                    fixed_product_taxes {
+                        amount {
+                            value
+                            currency
+                        }
+                        label
+                    }
+                    regular_price {
+                        value
+                        currency
+                    }
+                    final_price {
+                        value
+                        currency
+                    }
+                    discount {
+                        percent_off
+                        amount_off
+                    }
+                }
+            }
+        }
+    }
+`;
+
+export { Facet, ProductView, Product };

packages/extensions/venia-pwa-live-search/src/api/graphql.js

@@ -0,0 +1,26 @@
+async function getGraphQL(
+    query = '',
+    variables = {},
+    store = '',
+    baseUrl = ''
+) {
+    const graphqlEndpoint = baseUrl
+        ? `${baseUrl}/graphql`
+        : `${window.origin}/graphql`;
+
+    const response = await fetch(graphqlEndpoint, {
+        method: 'POST',
+        headers: {
+            'Content-Type': 'application/json',
+            Store: store
+        },
+        body: JSON.stringify({
+            query,
+            variables
+        })
+    });
+
+    return response.json();
+}
+
+export { getGraphQL };

packages/extensions/venia-pwa-live-search/src/api/mutations.js

@@ -0,0 +1,94 @@
+const CREATE_EMPTY_CART = `
+  mutation createEmptyCart($input: createEmptyCartInput) {
+    createEmptyCart(input: $input)
+  }
+`;
+
+const ADD_TO_CART = `
+  mutation addProductsToCart(
+    $cartId: String!
+    $cartItems: [CartItemInput!]!
+  ) {
+      addProductsToCart(
+        cartId: $cartId
+        cartItems: $cartItems
+      ) {
+          cart {
+            items {
+              product {
+                name
+                sku
+              }
+              quantity
+            }
+          }
+          user_errors {
+            code
+            message
+          }
+      }
+  }
+`;
+
+const ADD_TO_WISHLIST = `
+  mutation addProductsToWishlist(
+    $wishlistId: ID!
+    $wishlistItems: [WishlistItemInput!]!
+  ) {
+      addProductsToWishlist(
+        wishlistId: $wishlistId
+        wishlistItems: $wishlistItems
+      ) {
+        wishlist {
+          id
+          name
+          items_count
+          items_v2 {
+            items {
+              id
+              product {
+                uid
+                name
+                sku
+              }
+            }
+          }
+        }
+      }
+  }
+`;
+
+const REMOVE_FROM_WISHLIST = `
+  mutation removeProductsFromWishlist (
+    $wishlistId: ID!
+    $wishlistItemsIds: [ID!]!
+  ) {
+    removeProductsFromWishlist(
+      wishlistId: $wishlistId
+      wishlistItemsIds: $wishlistItemsIds
+    ) {
+        wishlist {
+          id
+          name
+          items_count
+          items_v2 {
+            items {
+              id
+              product {
+                uid
+                name
+                sku
+              }
+            }
+          }
+        }
+      }
+  }
+`;
+
+export {
+    CREATE_EMPTY_CART,
+    ADD_TO_CART,
+    ADD_TO_WISHLIST,
+    REMOVE_FROM_WISHLIST
+};