@decocms/apps 0.23.3 → 0.25.0

package/commerce/utils/canonical.ts

@@ -1,11 +1,8 @@
-import { BreadcrumbList } from "../types/commerce";
+import type { BreadcrumbList } from "../types/commerce";
 
-export const canonicalFromBreadcrumblist = (
-  b?: BreadcrumbList,
-) => {
-  const items = b?.itemListElement ?? [];
-  if (!Array.isArray(items) || items.length === 0) return undefined;
+export const canonicalFromBreadcrumblist = (b?: BreadcrumbList) => {
+	const items = b?.itemListElement ?? [];
+	if (!Array.isArray(items) || items.length === 0) return undefined;
 
-  return items.reduce((acc, curr) => acc.position < curr.position ? curr : acc)
-    .item;
+	return items.reduce((acc, curr) => (acc.position < curr.position ? curr : acc)).item;
 };

package/commerce/utils/constants.ts

@@ -1,9 +1,8 @@
-import { ImageObject } from "../types/commerce";
+import type { ImageObject } from "../types/commerce";
 
 export const DEFAULT_IMAGE: ImageObject = {
-  "@type": "ImageObject",
-  encodingFormat: "image",
-  alternateName: "Default Image Placeholder",
-  url:
-    "https://ozksgdmyrqcxcwhnbepg.supabase.co/storage/v1/object/public/assets/1818/ff6bb37e-0eab-40e1-a454-86856efc278e",
+	"@type": "ImageObject",
+	encodingFormat: "image",
+	alternateName: "Default Image Placeholder",
+	url: "https://ozksgdmyrqcxcwhnbepg.supabase.co/storage/v1/object/public/assets/1818/ff6bb37e-0eab-40e1-a454-86856efc278e",
 };

package/commerce/utils/filters.ts

@@ -1,10 +1,10 @@
 export const parseRange = (price: string) => {
-  const splitted = price.split(":");
+	const splitted = price.split(":");
 
-  const from = Number(splitted?.[0]);
-  const to = Number(splitted?.[1]);
+	const from = Number(splitted?.[0]);
+	const to = Number(splitted?.[1]);
 
-  return Number.isNaN(from) || Number.isNaN(to) ? null : { from, to };
+	return Number.isNaN(from) || Number.isNaN(to) ? null : { from, to };
 };
 
 export const formatRange = (from: number, to: number) => `${from}:${to}`;

package/commerce/utils/productToAnalyticsItem.ts

@@ -1,67 +1,63 @@
 import type { AnalyticsItem, BreadcrumbList, Product } from "../types/commerce";
 
 export const mapCategoriesToAnalyticsCategories = (
-  categories: string[],
+	categories: string[],
 ): Record<`item_category${number | ""}`, string> => {
-  return categories.slice(0, 5).reduce(
-    (result, category, index) => {
-      result[`item_category${index === 0 ? "" : index + 1}`] = category;
-      return result;
-    },
-    {} as Record<`item_category${number | ""}`, string>,
-  );
+	return categories.slice(0, 5).reduce(
+		(result, category, index) => {
+			result[`item_category${index === 0 ? "" : index + 1}`] = category;
+			return result;
+		},
+		{} as Record<`item_category${number | ""}`, string>,
+	);
 };
 
 export const mapProductCategoryToAnalyticsCategories = (category: string) => {
-  return category.split(">").reduce(
-    (result, category, index) => {
-      result[`item_category${index === 0 ? "" : index + 1}`] = category.trim();
-      return result;
-    },
-    {} as Record<`item_category${number | ""}`, string>,
-  );
+	return category.split(">").reduce(
+		(result, category, index) => {
+			result[`item_category${index === 0 ? "" : index + 1}`] = category.trim();
+			return result;
+		},
+		{} as Record<`item_category${number | ""}`, string>,
+	);
 };
 
-export const mapProductToAnalyticsItem = (
-  {
-    product,
-    breadcrumbList,
-    price,
-    listPrice,
-    index = 0,
-    quantity = 1,
-    coupon = "",
-  }: {
-    product: Product;
-    breadcrumbList?: BreadcrumbList;
-    price?: number;
-    listPrice?: number;
-    index?: number;
-    quantity?: number;
-    coupon?: string;
-  },
-): AnalyticsItem => {
-  const { name, productID, inProductGroupWithID, isVariantOf, url } = product;
-  const categories = breadcrumbList?.itemListElement
-    ? mapCategoriesToAnalyticsCategories(
-      breadcrumbList?.itemListElement.map(({ name: _name }) => _name ?? "")
-        .filter(Boolean) ??
-        [],
-    )
-    : mapProductCategoryToAnalyticsCategories(product.category ?? "");
+export const mapProductToAnalyticsItem = ({
+	product,
+	breadcrumbList,
+	price,
+	listPrice,
+	index = 0,
+	quantity = 1,
+	coupon = "",
+}: {
+	product: Product;
+	breadcrumbList?: BreadcrumbList;
+	price?: number;
+	listPrice?: number;
+	index?: number;
+	quantity?: number;
+	coupon?: string;
+}): AnalyticsItem => {
+	const { name, productID, inProductGroupWithID, isVariantOf, url } = product;
+	const categories = breadcrumbList?.itemListElement
+		? mapCategoriesToAnalyticsCategories(
+				breadcrumbList?.itemListElement.map(({ name: _name }) => _name ?? "").filter(Boolean) ?? [],
+			)
+		: mapProductCategoryToAnalyticsCategories(product.category ?? "");
 
-  return {
-    item_id: productID,
-    item_group_id: inProductGroupWithID,
-    quantity,
-    coupon,
-    price,
-    index,
-    discount: Number((price && listPrice ? listPrice - price : 0).toFixed(2)),
-    item_name: isVariantOf?.name ?? name ?? "",
-    item_variant: name,
-    item_brand: product.brand?.name ?? "",
-    item_url: url,
-    ...categories,
-  };
+	return {
+		item_id: productID,
+		item_group_id: inProductGroupWithID,
+		quantity,
+		coupon,
+		price,
+		index,
+		discount: Number((price && listPrice ? listPrice - price : 0).toFixed(2)),
+		item_name: isVariantOf?.name ?? name ?? "",
+		item_variant: name,
+		item_brand: product.brand?.name ?? "",
+		item_url: url,
+		...categories,
+	};
 };

package/commerce/utils/stateByZip.ts

@@ -1,50 +1,50 @@
 const getStateFromZip = (cep: string) => {
-  // Remove non-numeric characters
-  cep = cep.replace(/\D/g, "");
+	// Remove non-numeric characters
+	cep = cep.replace(/\D/g, "");
 
-  // zip range by: https://buscacepinter.correios.com.br/app/faixa_cep_uf_localidade/index.php
-  const zipRange = [
-    { state: "AC", startRange: 69900000, endRange: 69999999 },
-    { state: "AL", startRange: 57000000, endRange: 57999999 },
-    { state: "AM", startRange: 69000000, endRange: 69299999 },
-    { state: "AM", startRange: 69400000, endRange: 69899999 },
-    { state: "AP", startRange: 68900000, endRange: 68999999 },
-    { state: "BA", startRange: 40000000, endRange: 48999999 },
-    { state: "CE", startRange: 60000000, endRange: 63999999 },
-    { state: "DF", startRange: 70000000, endRange: 72799999 },
-    { state: "DF", startRange: 73000000, endRange: 73699999 },
-    { state: "ES", startRange: 29000000, endRange: 29999999 },
-    { state: "GO", startRange: 72800000, endRange: 72999999 },
-    { state: "GO", startRange: 73700000, endRange: 76799999 },
-    { state: "MA", startRange: 65000000, endRange: 65999999 },
-    { state: "MG", startRange: 30000000, endRange: 39999999 },
-    { state: "MS", startRange: 79000000, endRange: 79999999 },
-    { state: "MT", startRange: 78000000, endRange: 78899999 },
-    { state: "PA", startRange: 66000000, endRange: 68899999 },
-    { state: "PB", startRange: 58000000, endRange: 58999999 },
-    { state: "PE", startRange: 50000000, endRange: 56999999 },
-    { state: "PI", startRange: 64000000, endRange: 64999999 },
-    { state: "PR", startRange: 80000000, endRange: 87999999 },
-    { state: "RJ", startRange: 20000000, endRange: 28999999 },
-    { state: "RN", startRange: 59000000, endRange: 59999999 },
-    { state: "RO", startRange: 76800000, endRange: 76999999 },
-    { state: "RR", startRange: 69300000, endRange: 69399999 },
-    { state: "RS", startRange: 90000000, endRange: 99999999 },
-    { state: "SC", startRange: 88000000, endRange: 89999999 },
-    { state: "SE", startRange: 49000000, endRange: 49999999 },
-    { state: "SP", startRange: 1000000, endRange: 19999999 },
-    { state: "TO", startRange: 77000000, endRange: 77999999 },
-  ];
+	// zip range by: https://buscacepinter.correios.com.br/app/faixa_cep_uf_localidade/index.php
+	const zipRange = [
+		{ state: "AC", startRange: 69900000, endRange: 69999999 },
+		{ state: "AL", startRange: 57000000, endRange: 57999999 },
+		{ state: "AM", startRange: 69000000, endRange: 69299999 },
+		{ state: "AM", startRange: 69400000, endRange: 69899999 },
+		{ state: "AP", startRange: 68900000, endRange: 68999999 },
+		{ state: "BA", startRange: 40000000, endRange: 48999999 },
+		{ state: "CE", startRange: 60000000, endRange: 63999999 },
+		{ state: "DF", startRange: 70000000, endRange: 72799999 },
+		{ state: "DF", startRange: 73000000, endRange: 73699999 },
+		{ state: "ES", startRange: 29000000, endRange: 29999999 },
+		{ state: "GO", startRange: 72800000, endRange: 72999999 },
+		{ state: "GO", startRange: 73700000, endRange: 76799999 },
+		{ state: "MA", startRange: 65000000, endRange: 65999999 },
+		{ state: "MG", startRange: 30000000, endRange: 39999999 },
+		{ state: "MS", startRange: 79000000, endRange: 79999999 },
+		{ state: "MT", startRange: 78000000, endRange: 78899999 },
+		{ state: "PA", startRange: 66000000, endRange: 68899999 },
+		{ state: "PB", startRange: 58000000, endRange: 58999999 },
+		{ state: "PE", startRange: 50000000, endRange: 56999999 },
+		{ state: "PI", startRange: 64000000, endRange: 64999999 },
+		{ state: "PR", startRange: 80000000, endRange: 87999999 },
+		{ state: "RJ", startRange: 20000000, endRange: 28999999 },
+		{ state: "RN", startRange: 59000000, endRange: 59999999 },
+		{ state: "RO", startRange: 76800000, endRange: 76999999 },
+		{ state: "RR", startRange: 69300000, endRange: 69399999 },
+		{ state: "RS", startRange: 90000000, endRange: 99999999 },
+		{ state: "SC", startRange: 88000000, endRange: 89999999 },
+		{ state: "SE", startRange: 49000000, endRange: 49999999 },
+		{ state: "SP", startRange: 1000000, endRange: 19999999 },
+		{ state: "TO", startRange: 77000000, endRange: 77999999 },
+	];
 
-  const zipCode = parseInt(cep);
+	const zipCode = parseInt(cep, 10);
 
-  for (const range of zipRange) {
-    if (zipCode >= range.startRange && zipCode <= range.endRange) {
-      return range.state;
-    }
-  }
+	for (const range of zipRange) {
+		if (zipCode >= range.startRange && zipCode <= range.endRange) {
+			return range.state;
+		}
+	}
 
-  return "";
+	return "";
 };
 
 export default getStateFromZip;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@decocms/apps",
-  "version": "0.23.3",
+  "version": "0.25.0",
   "type": "module",
   "description": "Deco commerce apps for TanStack Start - Shopify, VTEX, commerce types, analytics utils",
   "exports": {
@@ -30,6 +30,7 @@
     "./vtex/inline-loaders/productDetailsPage": "./vtex/inline-loaders/productDetailsPage.ts",
     "./vtex/inline-loaders/productListingPage": "./vtex/inline-loaders/productListingPage.ts",
     "./vtex/inline-loaders/productList": "./vtex/inline-loaders/productList.ts",
+    "./vtex/inline-loaders/productListShelf": "./vtex/inline-loaders/productListShelf.ts",
     "./vtex/inline-loaders/relatedProducts": "./vtex/inline-loaders/relatedProducts.ts",
     "./vtex/inline-loaders/suggestions": "./vtex/inline-loaders/suggestions.ts",
     "./vtex/hooks": "./vtex/hooks/index.ts",
@@ -42,7 +43,13 @@
     "typecheck": "tsc --noEmit",
     "lint:unused": "knip",
     "lint:unused:fix": "knip --fix",
-    "check": "tsc --noEmit && knip"
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "test:coverage": "vitest run --coverage",
+    "lint": "biome check .",
+    "lint:fix": "biome check --write .",
+    "format": "biome format --write .",
+    "check": "tsc --noEmit && biome check . && knip"
   },
   "keywords": [
     "deco",
@@ -57,6 +64,15 @@
     "type": "git",
     "url": "https://github.com/decocms/apps-start.git"
   },
+  "files": [
+    "commerce/",
+    "shopify/",
+    "vtex/",
+    "!**/__tests__/"
+  ],
+  "engines": {
+    "node": ">=18"
+  },
   "publishConfig": {
     "registry": "https://registry.npmjs.org",
     "access": "public"
@@ -68,13 +84,17 @@
     "react-dom": ">=18"
   },
   "devDependencies": {
-    "@decocms/start": "file:../deco-start",
+    "@biomejs/biome": "^2.4.7",
+    "@decocms/start": "^0.29.3",
     "@semantic-release/exec": "^7.1.0",
     "@semantic-release/git": "^10.0.1",
     "@tanstack/react-query": "^5.90.21",
     "@types/react": "^19.0.0",
+    "@vitest/coverage-v8": "^4.1.0",
     "knip": "^5.86.0",
     "react": "^19.0.0",
-    "typescript": "^5.9.3"
+    "react-dom": "^19.0.0",
+    "typescript": "^5.9.3",
+    "vitest": "^4.1.0"
   }
 }

package/shopify/actions/cart/addItems.ts

@@ -1,37 +1,36 @@
 import { getShopifyClient } from "../../client";
+import type { ShopifyCart } from "../../loaders/cart";
 import { getCartCookie, setCartCookie } from "../../utils/cart";
 import { AddItemToCart } from "../../utils/storefront/queries";
-import type { ShopifyCart } from "../../loaders/cart";
 
 export interface AddItemProps {
-  lines: {
-    merchandiseId: string;
-    attributes?: Array<{ key: string; value: string }>;
-    quantity?: number;
-    sellingPlanId?: string;
-  };
-  requestHeaders: Headers;
-  responseHeaders?: Headers;
+	lines: {
+		merchandiseId: string;
+		attributes?: Array<{ key: string; value: string }>;
+		quantity?: number;
+		sellingPlanId?: string;
+	};
+	requestHeaders: Headers;
+	responseHeaders?: Headers;
 }
 
-export default async function addItems(
-  { lines, requestHeaders, responseHeaders }: AddItemProps,
-): Promise<ShopifyCart | null> {
-  const client = getShopifyClient();
-  const cartId = getCartCookie(requestHeaders);
+export default async function addItems({
+	lines,
+	requestHeaders,
+	responseHeaders,
+}: AddItemProps): Promise<ShopifyCart | null> {
+	const client = getShopifyClient();
+	const cartId = getCartCookie(requestHeaders);
 
-  if (!cartId) throw new Error("Missing cart cookie");
+	if (!cartId) throw new Error("Missing cart cookie");
 
-  const data = await client.query<{
-    payload?: { cart?: ShopifyCart };
-  }>(
-    AddItemToCart,
-    { cartId, lines },
-  );
+	const data = await client.query<{
+		payload?: { cart?: ShopifyCart };
+	}>(AddItemToCart, { cartId, lines });
 
-  if (responseHeaders) {
-    setCartCookie(responseHeaders, cartId);
-  }
+	if (responseHeaders) {
+		setCartCookie(responseHeaders, cartId);
+	}
 
-  return data.payload?.cart ?? null;
+	return data.payload?.cart ?? null;
 }

package/shopify/actions/cart/updateCoupons.ts

@@ -1,32 +1,31 @@
 import { getShopifyClient } from "../../client";
+import type { ShopifyCart } from "../../loaders/cart";
 import { getCartCookie, setCartCookie } from "../../utils/cart";
 import { AddCoupon } from "../../utils/storefront/queries";
-import type { ShopifyCart } from "../../loaders/cart";
 
 export interface UpdateCouponsProps {
-  discountCodes: string[];
-  requestHeaders: Headers;
-  responseHeaders?: Headers;
+	discountCodes: string[];
+	requestHeaders: Headers;
+	responseHeaders?: Headers;
 }
 
-export default async function updateCoupons(
-  { discountCodes, requestHeaders, responseHeaders }: UpdateCouponsProps,
-): Promise<ShopifyCart | null> {
-  const client = getShopifyClient();
-  const cartId = getCartCookie(requestHeaders);
+export default async function updateCoupons({
+	discountCodes,
+	requestHeaders,
+	responseHeaders,
+}: UpdateCouponsProps): Promise<ShopifyCart | null> {
+	const client = getShopifyClient();
+	const cartId = getCartCookie(requestHeaders);
 
-  if (!cartId) throw new Error("Missing cart cookie");
+	if (!cartId) throw new Error("Missing cart cookie");
 
-  const data = await client.query<{
-    payload?: { cart?: ShopifyCart };
-  }>(
-    AddCoupon,
-    { cartId, discountCodes },
-  );
+	const data = await client.query<{
+		payload?: { cart?: ShopifyCart };
+	}>(AddCoupon, { cartId, discountCodes });
 
-  if (responseHeaders) {
-    setCartCookie(responseHeaders, cartId);
-  }
+	if (responseHeaders) {
+		setCartCookie(responseHeaders, cartId);
+	}
 
-  return data.payload?.cart ?? null;
+	return data.payload?.cart ?? null;
 }

package/shopify/actions/cart/updateItems.ts

@@ -1,32 +1,31 @@
 import { getShopifyClient } from "../../client";
+import type { ShopifyCart } from "../../loaders/cart";
 import { getCartCookie, setCartCookie } from "../../utils/cart";
 import { UpdateItems } from "../../utils/storefront/queries";
-import type { ShopifyCart } from "../../loaders/cart";
 
 export interface UpdateItemsProps {
-  lines: Array<{ id: string; quantity: number }>;
-  requestHeaders: Headers;
-  responseHeaders?: Headers;
+	lines: Array<{ id: string; quantity: number }>;
+	requestHeaders: Headers;
+	responseHeaders?: Headers;
 }
 
-export default async function updateItems(
-  { lines, requestHeaders, responseHeaders }: UpdateItemsProps,
-): Promise<ShopifyCart | null> {
-  const client = getShopifyClient();
-  const cartId = getCartCookie(requestHeaders);
+export default async function updateItems({
+	lines,
+	requestHeaders,
+	responseHeaders,
+}: UpdateItemsProps): Promise<ShopifyCart | null> {
+	const client = getShopifyClient();
+	const cartId = getCartCookie(requestHeaders);
 
-  if (!cartId) throw new Error("Missing cart cookie");
+	if (!cartId) throw new Error("Missing cart cookie");
 
-  const data = await client.query<{
-    payload?: { cart?: ShopifyCart };
-  }>(
-    UpdateItems,
-    { cartId, lines },
-  );
+	const data = await client.query<{
+		payload?: { cart?: ShopifyCart };
+	}>(UpdateItems, { cartId, lines });
 
-  if (responseHeaders) {
-    setCartCookie(responseHeaders, cartId);
-  }
+	if (responseHeaders) {
+		setCartCookie(responseHeaders, cartId);
+	}
 
-  return data.payload?.cart ?? null;
+	return data.payload?.cart ?? null;
 }

package/shopify/actions/user/signIn.ts

@@ -3,43 +3,38 @@ import { SignInWithEmailAndPassword } from "../../utils/storefront/queries";
 import { getUserCookie, setUserCookie } from "../../utils/user";
 
 export interface SignInProps {
-  email: string;
-  password: string;
-  requestHeaders: Headers;
-  responseHeaders?: Headers;
+	email: string;
+	password: string;
+	requestHeaders: Headers;
+	responseHeaders?: Headers;
 }
 
 export interface SignInResult {
-  customerAccessTokenCreate: {
-    customerAccessToken?: { accessToken: string; expiresAt: string } | null;
-    customerUserErrors?: Array<{ code?: string; message: string }>;
-  };
+	customerAccessTokenCreate: {
+		customerAccessToken?: { accessToken: string; expiresAt: string } | null;
+		customerUserErrors?: Array<{ code?: string; message: string }>;
+	};
 }
 
-export default async function signIn(
-  props: SignInProps,
-): Promise<SignInResult | null> {
-  const client = getShopifyClient();
-  const { email, password, requestHeaders, responseHeaders } = props;
+export default async function signIn(props: SignInProps): Promise<SignInResult | null> {
+	const client = getShopifyClient();
+	const { email, password, requestHeaders, responseHeaders } = props;
 
-  const existingToken = getUserCookie(requestHeaders);
-  if (existingToken) return null;
+	const existingToken = getUserCookie(requestHeaders);
+	if (existingToken) return null;
 
-  try {
-    const data = await client.query<SignInResult>(
-      SignInWithEmailAndPassword,
-      { email, password },
-    );
+	try {
+		const data = await client.query<SignInResult>(SignInWithEmailAndPassword, { email, password });
 
-    if (data.customerAccessTokenCreate.customerAccessToken && responseHeaders) {
-      setUserCookie(
-        responseHeaders,
-        data.customerAccessTokenCreate.customerAccessToken.accessToken,
-      );
-    }
+		if (data.customerAccessTokenCreate.customerAccessToken && responseHeaders) {
+			setUserCookie(
+				responseHeaders,
+				data.customerAccessTokenCreate.customerAccessToken.accessToken,
+			);
+		}
 
-    return data;
-  } catch {
-    return null;
-  }
+		return data;
+	} catch {
+		return null;
+	}
 }

package/shopify/actions/user/signUp.ts

@@ -2,35 +2,30 @@ import { getShopifyClient } from "../../client";
 import { RegisterAccount } from "../../utils/storefront/queries";
 
 export interface SignUpProps {
-  email: string;
-  password: string;
-  firstName?: string;
-  lastName?: string;
-  acceptsMarketing?: boolean;
+	email: string;
+	password: string;
+	firstName?: string;
+	lastName?: string;
+	acceptsMarketing?: boolean;
 }
 
 export interface SignUpResult {
-  customerCreate: {
-    customer?: { id: string } | null;
-    customerUserErrors?: Array<{ code?: string; message: string }>;
-  };
+	customerCreate: {
+		customer?: { id: string } | null;
+		customerUserErrors?: Array<{ code?: string; message: string }>;
+	};
 }
 
-export default async function signUp(
-  props: SignUpProps,
-): Promise<SignUpResult> {
-  const client = getShopifyClient();
+export default async function signUp(props: SignUpProps): Promise<SignUpResult> {
+	const client = getShopifyClient();
 
-  const data = await client.query<SignUpResult>(
-    RegisterAccount,
-    {
-      email: props.email,
-      password: props.password,
-      firstName: props.firstName,
-      lastName: props.lastName,
-      acceptsMarketing: props.acceptsMarketing,
-    },
-  );
+	const data = await client.query<SignUpResult>(RegisterAccount, {
+		email: props.email,
+		password: props.password,
+		firstName: props.firstName,
+		lastName: props.lastName,
+		acceptsMarketing: props.acceptsMarketing,
+	});
 
-  return data;
+	return data;
 }