@anker-in/lib 0.0.0-beta.1 → 0.0.0-beta.3

package/src/shopify/utils/normalize/product.ts

@@ -0,0 +1,193 @@
+
+import {
+  ImageConnection,
+  MediaConnection,
+  MoneyV2,
+  Product as ShopifyProduct,
+  ProductOption,
+  ProductVariant as ShopifyProductVariant,
+  ProductVariantConnection,
+  SelectedOption,
+} from '../../gql'
+import type {
+  Product,
+  ProductImage,
+  ProductMedia,
+  ProductPrice,
+  ProductVariant,
+  VariantCoupon,
+} from '../../types/product'
+
+import { atobID } from '../helper'
+import { normalizeMetafields } from './metafield'
+import { colorMap } from '../colors'
+
+const money = ({ amount, currencyCode }: MoneyV2): ProductPrice => {
+  return (
+    amount &&
+    currencyCode && {
+      amount: +amount,
+      currencyCode,
+    }
+  )
+}
+
+const checkVariantAvailable = (variant: ShopifyProductVariant) => {
+  //availableForSale 是否可售 true:可售
+  if (!variant.availableForSale) return false
+  //currentlyNotInStock 是否可超卖 true:是
+  //quantityAvailable 库存
+  if (!variant.quantityAvailable && !variant.currentlyNotInStock) return false
+  if (variant.price?.amount >= 9999999.99) return false
+  return true
+}
+
+export const normalizeProductOption = ({
+  id,
+  name,
+  values,
+}: ProductOption): {
+  __typename: 'ProductOption'
+  id: string
+  name: string
+  values: {
+    label: string
+    hexColors?: string[]
+  }[]
+} => {
+  return {
+    __typename: 'ProductOption',
+    id,
+    name: name.toLowerCase(),
+    values: values.map(value => {
+      let output: any = {
+        label: value,
+      }
+      if (name.match(/colou?r/gi)) {
+        const mapedColor = colorMap[value.toLowerCase().replace(/ /g, '')]
+        if (mapedColor) {
+          output = {
+            ...output,
+            hexColors: [mapedColor],
+          }
+        }
+      }
+      return output
+    }),
+  }
+}
+
+const normalizeProductImages = ({ nodes }: ImageConnection): ProductImage[] =>
+  nodes?.map(node => ({
+    url: node.url,
+    alt: node.altText || '',
+  })) || []
+
+const normalizeProductMedia = ({ nodes }: MediaConnection): ProductMedia[] => nodes?.map(node => node) || []
+
+// variant 下的 product 不包含 variants
+function normalizeVariantProduct(product: ShopifyProduct, metafieldNamespacePrefix: string = ''): Omit<Product, 'variants'> {
+  const { id, vendor, images, media, variants, handle, priceRange, options, metafields, availableForSale, ...rest } =
+    product
+
+  return {
+    ...rest,
+    availableForSale: !!variants.nodes.find(item => !!item.availableForSale),
+    id,
+    vendor: vendor || '',
+    handle,
+    path: `/${handle}`,
+    slug: handle?.replace(/^\/+|\/+$/g, ''),
+    price: money(priceRange?.minVariantPrice),
+    priceRange,
+    images: normalizeProductImages(images),
+    media: normalizeProductMedia(media),
+    options: options
+      ? options
+          .filter(o => o.name !== 'Title') // By default Shopify adds a 'Title' name when there's only one option. We don't need it. https://community.shopify.com/c/Shopify-APIs-SDKs/Adding-new-product-variant-is-automatically-adding-quot-Default/td-p/358095
+          .map(o => normalizeProductOption(o))
+      : [],
+    metafields: normalizeMetafields(metafields, metafieldNamespacePrefix) || {},
+  }
+}
+
+export const getCouponsFromVariantMetafields = ({ metafields, variantId }: { metafields: any; variantId: string }) => {
+  const coupons =
+    metafields?.__discountCodeApp?.data?.filter((coupon: VariantCoupon) => {
+      const isRightVariant = String(coupon.variant_shopify_id) === atobID(variantId)
+
+      const isActive =
+        (coupon.ends_at === null || new Date(coupon.ends_at).getTime() > new Date().getTime()) &&
+        (coupon.starts_at === null || new Date(coupon.starts_at).getTime() <= new Date().getTime())
+
+      // 原 by_skus 的接口默认不返回这个类型的 code
+      // const notWSCHCode = !coupon.title.toLocaleLowerCase().includes(CouponChannel.WSCH)
+
+      return isRightVariant && isActive
+    }) || []
+  return coupons
+}
+
+const normalizeProductVariants = ({ nodes }: ProductVariantConnection, product: ShopifyProduct, metafieldNamespacePrefix: string = ''): ProductVariant[] => {
+  return nodes?.map(node => {
+    const { id, selectedOptions, sku, price, metafields, ...rest } = node
+    const normalizedMetafields = normalizeMetafields(metafields, metafieldNamespacePrefix)
+    const coupons = getCouponsFromVariantMetafields({ metafields: normalizedMetafields, variantId: id })
+    return {
+      ...rest,
+      id,
+      sku: sku ?? id,
+      weight: node.weight,
+      price: money(price),
+      availableForSale: checkVariantAvailable(node),
+      options: selectedOptions.map(({ name, value }: SelectedOption) => {
+        const options = normalizeProductOption({
+          id,
+          name,
+          values: [value],
+        })
+        return options
+      }),
+      selectedOptions,
+      metafields: normalizedMetafields,
+      product: normalizeVariantProduct(product, metafieldNamespacePrefix),
+      coupons,
+    } as ProductVariant
+  })
+}
+
+export function normalizeProduct(product: ShopifyProduct, metafieldNamespacePrefix: string = ''): Product {
+  const { id, vendor, images, media, variants, handle, priceRange, options, metafields, availableForSale, ...rest } =
+    product
+
+  const customVariants = variants ? normalizeProductVariants(variants, product, metafieldNamespacePrefix) : []
+  return {
+    ...rest,
+    availableForSale: !!customVariants.find(item => !!item.availableForSale),
+    id,
+    vendor: vendor || '',
+    handle,
+    path: `/${handle}`,
+    slug: handle?.replace(/^\/+|\/+$/g, ''),
+    price: money(priceRange?.minVariantPrice),
+    priceRange,
+    images: normalizeProductImages(images),
+    media: normalizeProductMedia(media),
+    variants: customVariants,
+    options:
+      options?.length > 0
+        ? options
+            .filter(o => o.name !== 'Title') // By default Shopify adds a 'Title' name when there's only one option. We don't need it. https://community.shopify.com/c/Shopify-APIs-SDKs/Adding-new-product-variant-is-automatically-adding-quot-Default/td-p/358095
+            .map(o => normalizeProductOption(o))
+        : customVariants.length > 1
+          ? [
+              {
+                id: 'colorOptionsId',
+                name: customVariants?.[0]?.options?.[0]?.name,
+                values: customVariants.map(item => item.options.map(o => o.values)).flatMap(item => item.flat()),
+              },
+            ]
+          : [],
+    metafields: normalizeMetafields(metafields, metafieldNamespacePrefix) || {},
+  }
+}

package/src/shopify/utils/store.ts

@@ -0,0 +1,5 @@
+// 这个文件现在只保留 helper 函数，其他功能已迁移到 ShopifyContext
+import { getThemeLocale } from './helper'
+
+// 导出 helper 函数供其他地方使用
+export { getThemeLocale }

package/src/shopify/utils/type-helper.ts

@@ -0,0 +1,7 @@
+export type PartialRecord<K extends string | number | symbol, T> = Partial<
+  Record<K, T>
+>
+
+export type Optional<T, K extends keyof T> = Pick<Partial<T>, K> & Omit<T, K>
+
+export type Replace<T, K extends keyof T, V> = Omit<T, K> & { [P in K]: V }

package/tsconfig.json

@@ -0,0 +1,20 @@
+{
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "outDir": "dist",
+    "target": "esnext",
+    "module": "esnext",
+    "moduleResolution": "bundler",
+    "declaration": true,
+    "declarationMap": true,
+    "sourceMap": true,
+    "strict": true,
+    "esModuleInterop": true,
+    "lib": ["DOM", "ESNext", "DOM.Iterable"],
+    "skipLibCheck": true,
+    "jsx": "react-jsx",
+    "types": ["jest", "node"]
+  },
+  "include": ["src"],
+  "exclude": ["node_modules", "dist"]
+}

package/tsup.config.ts

@@ -0,0 +1,17 @@
+import { defineConfig } from 'tsup'
+
+export default defineConfig({
+  entry: ['src/index.ts'],
+  format: ['esm', 'cjs'],
+  dts: true,
+  splitting: false,
+  sourcemap: true,
+  clean: true,
+  external: [
+    'react',
+    'react-dom',
+    'swr',
+    'fetch-ponyfill',
+    'js-cookie',
+  ],
+})