mirror of
https://github.com/vercel/commerce.git
synced 2025-05-18 23:46:58 +00:00
Update search-products.ts
fix to lookup - only selects 50
This commit is contained in:
parent
033c844db2
commit
79dad4cadc
@ -2,81 +2,6 @@
|
||||
import { NextApiRequest, NextApiResponse } from "next"
|
||||
|
||||
import commerce from '@lib/api/commerce'
|
||||
import truncate from "truncate-html";
|
||||
|
||||
|
||||
import { Product } from '@commerce/types/product'
|
||||
|
||||
|
||||
const SORT: { [key: string]: string | undefined } = {
|
||||
latest: 'id',
|
||||
trending: 'total_sold',
|
||||
price: 'price',
|
||||
}
|
||||
|
||||
const LIMIT = 12
|
||||
|
||||
// Return current cart info
|
||||
const getProducts = async ({ search, config }: any) => {
|
||||
// Use a dummy base as we only care about the relative path
|
||||
const url = new URL('/v3/catalog/products', 'http://a')
|
||||
|
||||
url.searchParams.set('is_visible', 'true')
|
||||
url.searchParams.set('limit', String(LIMIT))
|
||||
|
||||
if (search) url.searchParams.set('keyword', search)
|
||||
|
||||
// if (categoryId && Number.isInteger(Number(categoryId)))
|
||||
// url.searchParams.set('categories:in', String(categoryId))
|
||||
|
||||
// if (brandId && Number.isInteger(Number(brandId)))
|
||||
// url.searchParams.set('brand_id', String(brandId))
|
||||
|
||||
// if (sort) {
|
||||
// const [_sort, direction] = sort.split('-')
|
||||
// const sortValue = SORT[_sort]
|
||||
|
||||
// if (sortValue && direction) {
|
||||
// url.searchParams.set('sort', sortValue)
|
||||
// url.searchParams.set('direction', direction)
|
||||
// }
|
||||
// }
|
||||
|
||||
// We only want the id of each product
|
||||
url.searchParams.set('include_fields', 'id')
|
||||
|
||||
const commerceConfig = commerce.provider.config
|
||||
|
||||
const { data } = await commerceConfig.storeApiFetch(
|
||||
url.pathname + url.search
|
||||
)
|
||||
|
||||
const ids = data.map((p: any) => String(p.id))
|
||||
const found = ids.length > 0
|
||||
|
||||
// We want the GraphQL version of each product
|
||||
const graphqlData = await commerce.getAllProducts({
|
||||
variables: { first: LIMIT, ids },
|
||||
config,
|
||||
})
|
||||
|
||||
// Put the products in an object that we can use to get them by id
|
||||
const productsById = graphqlData.products.reduce((prods: any, p: any) => {
|
||||
prods[Number(p.id)] = p
|
||||
return prods
|
||||
}, {})
|
||||
|
||||
const products: Product[] = found ? [] : graphqlData.products
|
||||
|
||||
// Populate the products array with the graphql products, in the order
|
||||
// assigned by the list of entity ids
|
||||
ids.forEach((id: any) => {
|
||||
const product = productsById[id]
|
||||
if (product) products.push(product)
|
||||
})
|
||||
|
||||
return products
|
||||
}
|
||||
|
||||
|
||||
export default async (req: NextApiRequest, res: NextApiResponse) => {
|
||||
@ -107,53 +32,27 @@ export default async (req: NextApiRequest, res: NextApiResponse) => {
|
||||
|
||||
const config = { locale, locales: [locale] }
|
||||
|
||||
// const { products } = await commerce.getAllProducts({
|
||||
// variables: { first: 100 },
|
||||
// config,
|
||||
// preview,
|
||||
// })
|
||||
const { products } = await commerce.getAllProducts({
|
||||
variables: { first: 50 },
|
||||
config,
|
||||
preview,
|
||||
})
|
||||
|
||||
|
||||
// const ret = products
|
||||
// .filter(p => {
|
||||
// return filter === ""
|
||||
// || p.name.toLowerCase().indexOf(filter) !== -1
|
||||
// || p.description.toLowerCase().indexOf(filter) !== -1
|
||||
// })
|
||||
// .map(p => {
|
||||
|
||||
// return {
|
||||
// name: p.name,
|
||||
// imageUrl: p.images[0].url,
|
||||
// price: p.price,
|
||||
// id: p.id,
|
||||
// description: p.description,
|
||||
// slug: p.path || p.slug
|
||||
// }
|
||||
// }).sort((a, b) => {
|
||||
// if (a.name > b.name) return 1
|
||||
// return -1
|
||||
// })
|
||||
|
||||
// res.statusCode = 200
|
||||
// res.json(ret)
|
||||
|
||||
const products = (await getProducts({ search, config }))
|
||||
const returnedProducts = products
|
||||
.filter(p => {
|
||||
return search === ""
|
||||
|| p.name.toLowerCase().indexOf(search) !== -1
|
||||
|| (p.description && p.description.toLowerCase().indexOf(search) !== -1)
|
||||
})
|
||||
.map(p => {
|
||||
|
||||
const description = truncate(p.description, {
|
||||
length: 500,
|
||||
decodeEntities: true,
|
||||
stripTags: true,
|
||||
reserveLastWord: true,
|
||||
});
|
||||
|
||||
return {
|
||||
name: p.name,
|
||||
imageUrl: p.images[0].url,
|
||||
price: p.price,
|
||||
id: p.id,
|
||||
description,
|
||||
description: p.description,
|
||||
slug: p.path || p.slug
|
||||
}
|
||||
}).sort((a, b) => {
|
||||
@ -163,9 +62,7 @@ export default async (req: NextApiRequest, res: NextApiResponse) => {
|
||||
|
||||
res.setHeader("Content-Type", "application/json")
|
||||
res.statusCode = 200
|
||||
res.json(products)
|
||||
|
||||
|
||||
res.json(returnedProducts)
|
||||
|
||||
} catch (e) {
|
||||
|
||||
|
Loading…
x
Reference in New Issue
Block a user