@decocms/apps-shopify 8.1.0-next.0 → 8.1.0-next.2

package/src/utils/transform.ts

@@ -1,430 +0,0 @@
-import type {
-	BreadcrumbList,
-	Filter,
-	ListItem,
-	Product,
-	ProductDetailsPage,
-	PropertyValue,
-	UnitPriceSpecification,
-} from "@decocms/apps-commerce/types";
-import { DEFAULT_IMAGE } from "@decocms/apps-commerce/utils/constants";
-
-type MoneyV2 = { amount: string; currencyCode: string };
-type ImageShopify = { url: string; altText?: string | null };
-type VideoSource = { url: string };
-
-interface MediaNode {
-	alt?: string | null;
-	previewImage?: ImageShopify | null;
-	mediaContentType: string;
-	sources?: VideoSource[];
-}
-
-export type SkuShopify = {
-	id: string;
-	title: string;
-	availableForSale: boolean;
-	quantityAvailable?: number;
-	barcode?: string | null;
-	sku?: string | null;
-	image?: ImageShopify | null;
-	price: MoneyV2;
-	compareAtPrice?: MoneyV2 | null;
-	selectedOptions: Array<{ name: string; value: string }>;
-};
-
-export type CollectionNode = {
-	handle: string;
-	title: string;
-	id?: string;
-	description?: string;
-	descriptionHtml?: string;
-	image?: ImageShopify | null;
-};
-
-export type ProductShopify = {
-	id: string;
-	handle: string;
-	title: string;
-	description: string;
-	descriptionHtml?: string;
-	createdAt?: string;
-	tags: string[];
-	vendor: string;
-	productType: string;
-	seo?: { title?: string | null; description?: string | null };
-	images: { nodes: ImageShopify[] };
-	media: { nodes: MediaNode[] };
-	variants: { nodes: SkuShopify[] };
-	collections?: { nodes: CollectionNode[] };
-	metafields?: Array<{
-		key: string;
-		value: string;
-		namespace: string;
-		type: string;
-		description?: string | null;
-		reference?: { image?: { url: string } } | null;
-		references?: {
-			edges: Array<{ node: { image?: { url: string } } }>;
-		} | null;
-	} | null>;
-};
-
-type FilterValue = { id: string; label: string; count: number; input: string };
-type FilterShopify = { id: string; label: string; type: string; values: FilterValue[] };
-
-const getPath = ({ handle }: ProductShopify, sku?: SkuShopify) =>
-	sku ? `/products/${handle}-${getIdFromVariantId(sku.id)}` : `/products/${handle}`;
-
-const getIdFromVariantId = (x: string) => {
-	const splitted = x.split("/");
-	return Number(splitted[splitted.length - 1]);
-};
-
-const getVariantIdFromId = (id: number) => `gid://shopify/ProductVariant/${id}`;
-
-const nonEmptyArray = <T>(array: T[] | null | undefined) =>
-	Array.isArray(array) && array.length > 0 ? array : null;
-
-export const toProductPage = (
-	product: ProductShopify,
-	url: URL,
-	maybeSkuId?: number,
-): ProductDetailsPage => {
-	const skuId = maybeSkuId ? getVariantIdFromId(maybeSkuId) : product.variants.nodes[0]?.id;
-	let sku = product.variants.nodes.find((node) => node.id === skuId);
-
-	if (!sku) {
-		sku = product.variants.nodes[0];
-	}
-
-	return {
-		"@type": "ProductDetailsPage",
-		breadcrumbList: toBreadcrumbList(product, sku),
-		product: toProduct(product, sku, url),
-		seo: {
-			title: product.seo?.title ?? product.title,
-			description: product.seo?.description ?? product.description,
-			canonical: `${url.origin}${getPath(product, sku)}`,
-		},
-	};
-};
-
-export const toBreadcrumbItem = ({
-	name,
-	position,
-	item,
-}: {
-	name: string;
-	position: number;
-	item: string;
-}): ListItem => ({
-	"@type": "ListItem",
-	name: decodeURI(name),
-	position,
-	item,
-});
-
-export const toBreadcrumbList = (product: ProductShopify, sku: SkuShopify): BreadcrumbList => {
-	let list: ListItem[] = [];
-	const collection = product.collections?.nodes[0];
-
-	if (collection) {
-		list = [
-			toBreadcrumbItem({
-				name: collection.title,
-				position: 1,
-				item: `/${collection.handle}`,
-			}),
-			toBreadcrumbItem({
-				name: product.title,
-				position: 2,
-				item: getPath(product, sku),
-			}),
-		];
-	} else {
-		list = [
-			toBreadcrumbItem({
-				name: product.title,
-				position: 2,
-				item: getPath(product, sku),
-			}),
-		];
-	}
-
-	return {
-		"@type": "BreadcrumbList",
-		numberOfItems: list.length,
-		itemListElement: list,
-	};
-};
-
-export const toProduct = (
-	product: ProductShopify,
-	sku: SkuShopify,
-	url: URL,
-	level = 0,
-): Product => {
-	const {
-		createdAt,
-		description,
-		images,
-		media,
-		id: productGroupID,
-		variants,
-		vendor,
-		productType,
-	} = product;
-	const {
-		id: productID,
-		barcode,
-		selectedOptions,
-		image,
-		price,
-		availableForSale,
-		quantityAvailable,
-		compareAtPrice,
-	} = sku;
-
-	const descriptionHtml: PropertyValue = {
-		"@type": "PropertyValue",
-		name: "descriptionHtml",
-		value: product.descriptionHtml,
-	};
-
-	const productTypeValue: PropertyValue = {
-		"@type": "PropertyValue",
-		name: "productType",
-		value: productType,
-	};
-
-	const metafields = (product.metafields ?? [])
-		.filter(
-			(metafield): metafield is NonNullable<typeof metafield> =>
-				metafield != null && metafield.key != null && metafield.value != null,
-		)
-		.map((metafield): PropertyValue => {
-			const { key, value, reference, references } = metafield;
-			const hasReferenceImage = reference && "image" in reference;
-			const referenceImageUrl = hasReferenceImage ? reference.image?.url : null;
-
-			const hasEdges = references?.edges && references.edges.length > 0;
-			const edgeImages = hasEdges
-				? references!.edges.map((edge) =>
-						edge.node && "image" in edge.node ? edge.node.image?.url : null,
-					)
-				: null;
-
-			const rawValue = referenceImageUrl || edgeImages || value;
-			const valueToReturn = Array.isArray(rawValue)
-				? JSON.stringify(rawValue)
-				: (rawValue ?? undefined);
-
-			return {
-				"@type": "PropertyValue",
-				name: key,
-				value: valueToReturn,
-			};
-		});
-
-	const additionalProperty: PropertyValue[] = selectedOptions
-		.map(toPropertyValue)
-		.concat(descriptionHtml)
-		.concat(productTypeValue)
-		.concat(metafields);
-
-	const skuImages = nonEmptyArray([image]);
-	const hasVariant =
-		level < 1 && variants.nodes.map((variant) => toProduct(product, variant, url, 1));
-	const priceSpec: UnitPriceSpecification[] = [
-		{
-			"@type": "UnitPriceSpecification",
-			priceType: "https://schema.org/SalePrice",
-			price: Number(price.amount),
-		},
-	];
-
-	if (compareAtPrice) {
-		priceSpec.push({
-			"@type": "UnitPriceSpecification",
-			priceType: "https://schema.org/ListPrice",
-			price: Number(compareAtPrice.amount),
-		});
-	}
-
-	const collectionNodes = product.collections?.nodes ?? [];
-
-	return {
-		"@type": "Product",
-		productID,
-		url: `${url.origin}${getPath(product, sku)}`,
-		name: sku.title,
-		description,
-		sku: productID,
-		gtin: barcode ?? undefined,
-		brand: { "@type": "Brand", name: vendor },
-		releaseDate: createdAt,
-		additionalProperty,
-		isVariantOf: {
-			"@type": "ProductGroup",
-			productGroupID,
-			hasVariant: hasVariant || [],
-			url: `${url.origin}${getPath(product)}`,
-			name: product.title,
-			additionalProperty: [
-				...(product.tags ?? []).map((value) => toPropertyValue({ name: "TAG", value })),
-				...collectionNodes.map((col) =>
-					toPropertyValue({
-						"@id": col.id,
-						name: "COLLECTION",
-						value: col.title,
-						valueReference: col.handle,
-						description: col.description,
-						disambiguatingDescription: col.descriptionHtml,
-						...(col.image && {
-							image: [
-								{
-									"@type": "ImageObject" as const,
-									encodingFormat: "image",
-									alternateName: col.image.altText ?? "",
-									url: col.image.url,
-								},
-							],
-						}),
-					}),
-				),
-			],
-			image: nonEmptyArray(images.nodes)?.map((img) => ({
-				"@type": "ImageObject" as const,
-				encodingFormat: "image",
-				alternateName: img.altText ?? "",
-				url: img.url,
-			})),
-		},
-		image: skuImages?.map((img) => ({
-			"@type": "ImageObject" as const,
-			encodingFormat: "image",
-			alternateName: img?.altText ?? "",
-			url: img?.url ?? "",
-		})) ?? [DEFAULT_IMAGE],
-		video: media.nodes
-			.filter((m) => m.mediaContentType === "VIDEO")
-			.map((video) => ({
-				"@type": "VideoObject" as const,
-				contentUrl: video.sources?.[0]?.url,
-				description: video.alt ?? undefined,
-				thumbnailUrl: video.previewImage?.url,
-			})),
-		offers: {
-			"@type": "AggregateOffer",
-			priceCurrency: price.currencyCode,
-			highPrice: compareAtPrice ? Number(compareAtPrice.amount) : Number(price.amount),
-			lowPrice: Number(price.amount),
-			offerCount: 1,
-			offers: [
-				{
-					"@type": "Offer",
-					price: Number(price.amount),
-					availability: availableForSale
-						? "https://schema.org/InStock"
-						: "https://schema.org/OutOfStock",
-					inventoryLevel: { value: quantityAvailable ?? 0 },
-					priceSpecification: priceSpec,
-				},
-			],
-		},
-	};
-};
-
-const toPropertyValue = (option: Omit<PropertyValue, "@type">): PropertyValue => ({
-	"@type": "PropertyValue",
-	...option,
-});
-
-const isSelectedFilter = (filterValue: FilterValue, url: URL) => {
-	let isSelected = false;
-	const label = getFilterValue(filterValue);
-
-	url.searchParams.forEach((value, key) => {
-		if (!key?.startsWith("filter")) return;
-		if (value === label) isSelected = true;
-	});
-	return isSelected;
-};
-
-export const toFilter = (filter: FilterShopify, url: URL): Filter => {
-	if (!filter.type.includes("RANGE")) {
-		return {
-			"@type": "FilterToggle",
-			label: filter.label,
-			key: filter.id,
-			values: filter.values.map((value) => ({
-				quantity: value.count,
-				label: value.label,
-				value: value.label,
-				selected: isSelectedFilter(value, url),
-				url: filtersURL(filter, value, url),
-			})),
-			quantity: filter.values.length,
-		};
-	} else {
-		const min = JSON.parse(filter.values[0].input).min;
-		const max = JSON.parse(filter.values[0].input).max;
-		return {
-			"@type": "FilterRange",
-			label: filter.label,
-			key: filter.id,
-			values: { min, max },
-		};
-	}
-};
-
-const filtersURL = (filter: FilterShopify, value: FilterValue, _url: URL) => {
-	const url = new URL(_url.href);
-	const params = new URLSearchParams(url.search);
-	params.delete("page");
-	params.delete("startCursor");
-	params.delete("endCursor");
-
-	const label = getFilterValue(value);
-
-	if (params.has(filter.id, label)) {
-		params.delete(filter.id, label);
-	} else {
-		params.append(filter.id, label);
-	}
-
-	url.search = params.toString();
-	return url.toString();
-};
-
-const getFilterValue = (value: FilterValue) => {
-	try {
-		const parsed = JSON.parse(value.input);
-
-		const fieldsToCheck = [
-			["productMetafield", "value"],
-			["taxonomyMetafield", "value"],
-			["productVendor"],
-			["productType"],
-			["category", "id"],
-		];
-
-		for (const path of fieldsToCheck) {
-			let current: any = parsed;
-			for (const key of path) {
-				if (current && typeof current === "object" && key in current) {
-					current = current[key];
-				} else {
-					current = null;
-					break;
-				}
-			}
-			if (current != null) return current;
-		}
-	} catch (error) {
-		console.error("Error parsing input JSON:", error);
-	}
-
-	return value.label;
-};

package/src/utils/types.ts

@@ -1,191 +0,0 @@
-import type {
-	CountryCode,
-	CurrencyCode,
-	OrderCancelReason,
-	OrderFinancialStatus,
-	OrderFulfillmentStatus,
-} from "./enums";
-
-type Attribute = {
-	key: string;
-	value?: string;
-};
-
-type MailingAddress = {
-	address1?: string;
-	address2?: string;
-	city?: string;
-	company?: string;
-	country?: string;
-	countryCodeV2?: CountryCode;
-	firstName?: string;
-	formattedArea?: string;
-	id: string;
-	lastName?: string;
-	latitude?: number;
-	longitude?: number;
-	name?: string;
-	phone?: string;
-	province?: string;
-	provinceCode?: string;
-	zip?: string;
-};
-
-type MoneyV2 = {
-	amount: number;
-	currencyCode: CurrencyCode;
-};
-
-type AppliedGiftCard = {
-	amountUsed: MoneyV2;
-	balance: MoneyV2;
-	id: string;
-	lastCharacters: string;
-	presentmentAmountUsed: MoneyV2;
-};
-
-type ShippingRate = {
-	handle: string;
-	price: MoneyV2;
-	title: string;
-};
-
-type AvailableShippingRates = {
-	ready: boolean;
-	shippingRates?: ShippingRate[];
-};
-
-type CheckoutBuyerIdentity = {
-	countryCode: CountryCode;
-};
-
-type Order = {
-	billingAddress?: MailingAddress;
-	cancelReason?: OrderCancelReason;
-	canceledAt?: Date;
-	currencyCode: CurrencyCode;
-	currentSubtotalPrice: MoneyV2;
-	currentTotalDuties?: MoneyV2;
-	currentTotalPrice: MoneyV2;
-	currentTotalTax: MoneyV2;
-	customAttributes: Attribute[];
-	customerLocale?: string;
-	customerUrl?: string;
-	edited: boolean;
-	email?: string;
-	financialStatus?: OrderFinancialStatus;
-	fulfillmentStatus: OrderFulfillmentStatus;
-	id: string;
-	name: string;
-	orderNumber: number;
-	originalTotalDuties?: MoneyV2;
-	originalTotalPrice: MoneyV2;
-	phone?: string;
-	processedAt: Date;
-	shippingAddress?: MailingAddress;
-};
-
-type Checkout = {
-	appliedGiftCards: AppliedGiftCard[];
-	availableShippingRates?: AvailableShippingRates;
-	buyerIdentity: CheckoutBuyerIdentity;
-	completedAt?: Date;
-	createdAt: Date;
-	currencyCode: CurrencyCode;
-	customAttributes: Attribute[];
-	email?: string;
-	id: string;
-	lineItemsSubtotalPrice: MoneyV2;
-	note: string;
-	order: Order;
-	orderStatusUrl: string;
-	paymentDue: MoneyV2;
-	ready: boolean;
-	requireShipping: boolean;
-	shippingAddress: MailingAddress;
-};
-
-type Customer = {
-	acceptsMarketing: boolean;
-	createdAt: Date;
-	defaultAddress: MailingAddress;
-	displayName: string;
-	email: string;
-	firstName: string;
-	id: string;
-	checkout: Checkout;
-};
-
-type CartBuyerIdentity = {
-	countryCode: string;
-	customer: Customer;
-};
-
-export type OldCart = {
-	attribute?: Attribute;
-	attributes?: Attribute[];
-	buyerIdentity?: CartBuyerIdentity;
-	id: string;
-};
-
-export interface Money {
-	amount: number;
-	currencyCode: string;
-}
-
-export interface Image {
-	url: string;
-	width: number;
-	height: number;
-	altText: string;
-}
-
-export interface Media {
-	nodes: Media[];
-}
-
-export interface Media {
-	alt: string;
-	previewImage: Image;
-	mediaContentType: string;
-}
-
-export interface Option {
-	name: string;
-	values: string[];
-}
-
-export interface PriceRange {
-	minVariantPrice: Price;
-	maxVariantPrice: Price;
-}
-
-export interface Price {
-	amount: string;
-	currencyCode: string;
-}
-
-export interface SEO {
-	title: string;
-	description: string;
-}
-
-export interface SelectedOption {
-	name: string;
-	value: string;
-}
-
-export interface UnitPriceMeasurement {
-	measuredType: null;
-	quantityValue: number;
-	referenceUnit: null;
-	quantityUnit: null;
-}
-
-/**
- * @title {{{key}}}
- */
-export interface Metafield {
-	namespace: string;
-	key: string;
-}

package/src/utils/user.ts

@@ -1,23 +0,0 @@
-import { getCookies, setCookie } from "./cookies";
-
-const CUSTOMER_COOKIE = "secure_customer_sig";
-
-const ONE_WEEK_MS = 7 * 24 * 3600 * 1_000;
-
-export const getUserCookie = (headers: Headers): string | undefined => {
-	const cookies = getCookies(headers);
-
-	return cookies[CUSTOMER_COOKIE];
-};
-
-export const setUserCookie = (headers: Headers, accessToken: string) => {
-	setCookie(headers, {
-		name: CUSTOMER_COOKIE,
-		value: accessToken,
-		path: "/",
-		expires: new Date(Date.now() + ONE_WEEK_MS),
-		httpOnly: true,
-		secure: true,
-		sameSite: "Lax",
-	});
-};