Search

lib/bigcommerce/api/catalog/handlers/get-products.ts

@@ -1,3 +1,4 @@
+import getAllProducts from '../../operations/get-all-products'
 import type { ProductsHandlers } from '../products'
 
 // Return current cart info
@@ -11,9 +12,18 @@ const getProducts: ProductsHandlers['getProducts'] = async ({
 
   if (search) url.searchParams.set('keyword', search)
 
-  const { data } = await config.storeApiFetch(url.pathname + url.search)
+  // We only want the id of each product
+  url.searchParams.set('include_fields', 'id')
 
-  res.status(200).json({ data })
+  const { data } = await config.storeApiFetch<{ data: { id: number }[] }>(
+    url.pathname + url.search
+  )
+  const entityIds = data.map((p) => p.id)
+  const found = entityIds.length > 0
+  // We want the GraphQL version of each product
+  const { products } = await getAllProducts({ variables: { entityIds } })
+
+  res.status(200).json({ data: { products, found } })
 }
 
 export default getProducts

lib/bigcommerce/api/catalog/products.ts

@@ -1,4 +1,3 @@
-import type { definitions } from '../definitions/catalog'
 import isAllowedMethod from '../utils/is-allowed-method'
 import createApiHandler, {
   BigcommerceApiHandler,
@@ -6,22 +5,24 @@ import createApiHandler, {
 } from '../utils/create-api-handler'
 import { BigcommerceApiError } from '../utils/errors'
 import getProducts from './handlers/get-products'
+import { Products } from '../operations/get-all-products'
 
-export type Product = definitions['product_Full']
+export type SearchProductsData = {
+  products: Products
+  found: boolean
+}
 
 export type ProductsHandlers = {
-  getProducts: BigcommerceHandler<Product[], { search?: 'string' }>
+  getProducts: BigcommerceHandler<SearchProductsData, { search?: 'string' }>
 }
 
 const METHODS = ['GET']
 
 // TODO: a complete implementation should have schema validation for `req.body`
-const cartApi: BigcommerceApiHandler<Product[], ProductsHandlers> = async (
-  req,
-  res,
-  config,
-  handlers
-) => {
+const cartApi: BigcommerceApiHandler<
+  SearchProductsData,
+  ProductsHandlers
+> = async (req, res, config, handlers) => {
   if (!isAllowedMethod(req, res, METHODS)) return
 
   try {

lib/bigcommerce/api/fragments/product.ts

@@ -17,6 +17,7 @@ export const productInfoFragment = /* GraphQL */ `
     path
     brand {
       name
+      entityId
     }
     description
     prices {

lib/bigcommerce/api/operations/get-all-products.ts

@@ -9,6 +9,7 @@ import { BigcommerceConfig, getConfig, Images, ProductImageVariables } from '..'
 
 export const getAllProductsQuery = /* GraphQL */ `
   query getAllProducts(
+    $entityIds: [Int!]
     $first: Int = 10
     $imgSmallWidth: Int = 320
     $imgSmallHeight: Int
@@ -20,7 +21,7 @@ export const getAllProductsQuery = /* GraphQL */ `
     $imgXLHeight: Int
   ) {
     site {
-      products(first: $first) {
+      products(first: $first, entityIds: $entityIds) {
         pageInfo {
           startCursor
           endCursor