[Shopify] - Add more information to product collections (#332)

* feat: add more information to product collections * refactor: avoid break changes & add more informations * style: remove unused type --------- Co-authored-by: guitavano <[email protected]>
deco-cx · Jan 31, 2024 · 4060f21 · 4060f21
1 parent 943f138
commit 4060f21
Showing 1 changed file with 23 additions and 4 deletions.
diff --git a/shopify/utils/transform.ts b/shopify/utils/transform.ts
@@ -13,7 +13,6 @@ import {
   ProductFragment as ProductShopify,
   ProductVariantFragment as SkuShopify,
 } from "./storefront/storefront.graphql.gen.ts";
-import { SelectedOption as SelectedOptionShopify } from "./types.ts";
 
 const getPath = ({ handle }: ProductShopify, sku?: SkuShopify) =>
   sku
@@ -151,8 +150,26 @@ export const toProduct = (
         ...product.tags?.map((value) =>
           toPropertyValue({ name: "TAG", value })
         ),
-        ...product.collections?.nodes.map(({ title }) =>
-          toPropertyValue({ name: "COLLECTION", value: title })
+        ...product.collections?.nodes.map((
+          { title, handle, id, description, descriptionHtml, image },
+        ) =>
+          toPropertyValue({
+            "@id": id,
+            name: "COLLECTION",
+            value: title,
+            valueReference: handle,
+            description,
+            disambiguatingDescription: descriptionHtml,
+            ...(image &&
+              {
+                image: [{
+                  "@type": "ImageObject",
+                  encodingFormat: "image",
+                  alternateName: image.altText ?? "",
+                  url: image.url,
+                }],
+              }),
+          })
         ),
       ],
       image: nonEmptyArray(images.nodes)?.map((img) => ({
@@ -189,7 +206,9 @@ export const toProduct = (
   };
 };
 
-const toPropertyValue = (option: SelectedOptionShopify): PropertyValue => ({
+const toPropertyValue = (
+  option: Omit<PropertyValue, "@type">,
+): PropertyValue => ({
   "@type": "PropertyValue",
   ...option,
 });