crowetic/commerce
1
0
Fork 1
mirror of https://github.com/vercel/commerce.git synced 2025-05-18 07:26:59 +00:00
Code Issues Packages Projects Releases Wiki Activity

product variants and options

Browse Source
This commit is contained in:
Dom Sip 2022-04-13 11:00:17 +01:00
parent cc424e58b3
commit 471813ad83
2 changed files with 43 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
packages/sfcc/src/api/operations/get-product.ts
View File

@ -2,7 +2,6 @@
import { GetProductOperation, Product } from '@vercel/commerce/types/product'
import type { SFCCConfig } from '../index'
import type { OperationContext } from '@vercel/commerce/api/operations'
import staticData from '../../data.json'
import { normalizeProduct } from '../utils/normalise-product';
export default function getProductOperation({
@ -25,13 +24,6 @@ export default function getProductOperation({
const product = await shopperProductsClient.getProduct({parameters: {id: variables?.slug as string}});
const normalizedProduct = normalizeProduct(product)
// TODO: add dummy data
const singleProduct = staticData.products.find(({ slug }) => slug === "new-short-sleeve-t-shirt");
if (singleProduct) {
normalizedProduct['variants'] = singleProduct['variants'] as any // TODO: variants
normalizedProduct['options'] = singleProduct['options'] // TODO: options
}
return {
product: normalizedProduct,
}

49
packages/sfcc/src/api/utils/normalise-product.ts
View File

@ -1,7 +1,44 @@
import { Product as SFCCProduct, Search } from "commerce-sdk";
import type { Product, ProductImage } from '@vercel/commerce/types/product'
// import type { RawProduct } from '../../types/product'
import type { Product, ProductImage, ProductOption, ProductVariant } from '@vercel/commerce/types/product'
const normaliseOptions = (options: SFCCProduct.ShopperProducts.Product["variationAttributes"]): Product["options"] => {
if (!Array.isArray(options)) return []
return options.map(option => {
return {
id: option.id,
displayName: option.name as string,
values: option.values!.map(value => ({label: value.name}))
} as ProductOption
});
}
const normaliseVariants = (variants: SFCCProduct.ShopperProducts.Product["variants"]): Product["variants"] => {
if (!Array.isArray(variants)) return []
return variants.map(variant => {
const options = [] as ProductOption[];
if (variant.variationValues) {
for (const [key, value] of Object.entries(variant.variationValues)) {
const variantOptionObject = {
id: `${variant.productId}-${key}`,
displayName: key,
values: [{
label: value,
}]
}
options.push(variantOptionObject);
}
}
return {
id: variant.productId,
options
} as ProductVariant;
});
}
export function normalizeProduct(product: SFCCProduct.ShopperProducts.Product): Product {
return {
@ -18,8 +55,8 @@ export function normalizeProduct(product: SFCCProduct.ShopperProducts.Product):
url: image.disBaseLink,
altText: image.title
})) as ProductImage[],
variants: [] as any, // TODO
options: [] as any // TODO
variants: normaliseVariants(product.variants),
options: normaliseOptions(product.variationAttributes),
};
}
@ -40,8 +77,8 @@ export function normalizeSearchProducts(products: Search.ShopperSearch.ProductSe
altText: product.productName
} as ProductImage
],
variants: [] as any, // TODO
options: [] as any // TODO
variants: normaliseVariants(product.variants),
options: normaliseOptions(product.variationAttributes),
}));
}