@anker-in/lib 1.0.0 → 1.1.0

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

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

package/dist/index.d.mts

@@ -1,7 +0,0 @@
-/**
- * 这是一个demo 模版
- */
-declare const add: (a: number, b: number) => number;
-declare const subtract: (a: number, b: number) => number;
-
-export { add, subtract };

package/dist/index.global.js

@@ -1,2 +0,0 @@
-(function(exports){'use strict';var t=(r,e)=>r+e,n=(r,e)=>r-e;exports.add=t;exports.subtract=n;return exports;})({});//# sourceMappingURL=index.global.js.map
-//# sourceMappingURL=index.global.js.map

package/dist/index.global.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/math.ts"],"names":["add","a","b","subtract"],"mappings":"gCAGaA,IAAAA,CAAAA,CAAM,CAACC,CAAAA,CAAWC,CAAcD,GAAAA,CAAAA,CAAIC,EACpCC,CAAW,CAAA,CAACF,CAAWC,CAAAA,CAAAA,GAAcD,CAAIC,CAAAA","file":"index.global.js","sourcesContent":["/**\n * 这是一个demo 模版\n */\nexport const add = (a: number, b: number) => a + b\nexport const subtract = (a: number, b: number) => a - b\n"]}

package/dist/index.js

@@ -1,2 +0,0 @@
-'use strict';var t=(r,e)=>r+e,n=(r,e)=>r-e;exports.add=t;exports.subtract=n;//# sourceMappingURL=index.js.map
-//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/math.ts"],"names":["add","a","b","subtract"],"mappings":"aAGaA,IAAAA,CAAAA,CAAM,CAACC,CAAAA,CAAWC,CAAcD,GAAAA,CAAAA,CAAIC,EACpCC,CAAW,CAAA,CAACF,CAAWC,CAAAA,CAAAA,GAAcD,CAAIC,CAAAA","file":"index.js","sourcesContent":["/**\n * 这是一个demo 模版\n */\nexport const add = (a: number, b: number) => a + b\nexport const subtract = (a: number, b: number) => a - b\n"]}

package/dist/index.mjs

@@ -1,2 +0,0 @@
-var t=(r,e)=>r+e,n=(r,e)=>r-e;export{t as add,n as subtract};//# sourceMappingURL=index.mjs.map
-//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/math.ts"],"names":["add","a","b","subtract"],"mappings":"AAGaA,IAAAA,CAAAA,CAAM,CAACC,CAAAA,CAAWC,CAAcD,GAAAA,CAAAA,CAAIC,EACpCC,CAAW,CAAA,CAACF,CAAWC,CAAAA,CAAAA,GAAcD,CAAIC,CAAAA","file":"index.mjs","sourcesContent":["/**\n * 这是一个demo 模版\n */\nexport const add = (a: number, b: number) => a + b\nexport const subtract = (a: number, b: number) => a - b\n"]}

package/src/__tests__/math.test.ts

@@ -1,15 +0,0 @@
-import { add, subtract } from '../math'
-
-describe('math functions', () => {
-  test('add should correctly add two numbers', () => {
-    expect(add(2, 3)).toBe(5)
-    expect(add(-1, -1)).toBe(-2)
-    expect(add(0, 5)).toBe(5)
-  })
-
-  test('subtract should correctly subtract two numbers', () => {
-    expect(subtract(5, 3)).toBe(2)
-    expect(subtract(0, 5)).toBe(-5)
-    expect(subtract(-1, -1)).toBe(0)
-  })
-})

package/src/math.ts

@@ -1,5 +0,0 @@
-/**
- * 这是一个demo 模版
- */
-export const add = (a: number, b: number) => a + b
-export const subtract = (a: number, b: number) => a - b