shopper/s/ecommerce/shopify-adapter.ts

plug shopify into any website

import shopifyBuy from "shopify-buy/index.es.js"

import {
	Product,
	CartItem,
	ShopifyClient,
	ShopifyResults,
	ShopifyAdapterOptions
} from "../interfaces.js"

export class ShopifyAdapter {
	private _shopifyClient: ShopifyClient

	constructor({domain, storefrontAccessToken}: ShopifyAdapterOptions) {
		this._shopifyClient = shopifyBuy.buildClient({
			domain,
			storefrontAccessToken
		})
	}

	async fetchEverything(): Promise<ShopifyResults> {
		try {
			const collections = await this._shopifyClient.collection
				.fetchAllWithProducts({
					first: 249,
					productsFirst: 249,
				})
			let products = []

			for (const collection of collections) {
				for (const shopifyProduct of collection.products) {
					const product = products.find(product => product.id === shopifyProduct.id)

					// if the product is already known, add the collection id
					if (product) {
						const existingCollectionId = product.collections.find(id => id === collection.id)
						if (!existingCollectionId) product.collections.push(collection.id)
					}

					// else, add the new product to the products array
					else {
						const product = this._shopifyProductToShopperProduct(
							shopifyProduct,
							collection.id
						)
						products.push(product)
					}
				}
			}

			return {
				products,
				collectionIds: collections.map((collection: any) => collection.id)
			}
		}
		catch (error) {
			error.message = "shopify error" + error.message
			throw error
		}
	}

	async checkout(items: CartItem[]): Promise<string> {
		const checkout = await this._shopifyClient.checkout.create({
			lineItems: items.map(item => ({
				variantId: item.product.firstVariantId,
				quantity: item.quantity
			}))
		})
		return checkout.webUrl
	}

	private _shopifyProductToShopperProduct(
		shopifyProduct: any,
		collectionId?: string,
	): Product {
		const [firstVariant] = shopifyProduct.variants

		function parsePrice({amount}: {amount: string, currencyCode: string}) {
			return Number(amount)
		}

		return {
			id: shopifyProduct.id,
			available: shopifyProduct.availableForSale,
			value: parsePrice(firstVariant.price),
			comparedValue: firstVariant.compareAtPrice
				? parsePrice(firstVariant.compareAtPrice)
				: null,
			title: shopifyProduct.title,
			description: shopifyProduct.descriptionHtml,
			collections: collectionId ? [collectionId] : [],
			firstVariantId: firstVariant.id,
			image: firstVariant.image
				? {
					alt: firstVariant.image.alt ?? "",
					src: firstVariant.image.src,
				}
				: null,
		}
	}
}