@anker-in/lib 1.0.0-beta.1

package/.turbo/turbo-build.log

@@ -0,0 +1,27 @@
+
+> @anker-in/lib@1.0.0 build /Users/anker/Code/headless-ui/packages/lib
+> tsup
+
+CLI Building entry: src/index.ts
+CLI Using tsconfig: tsconfig.json
+CLI tsup v8.4.0
+CLI Using tsup config: /Users/anker/Code/headless-ui/packages/lib/tsup.config.ts
+CLI Target: esnext
+CLI Cleaning output folder
+ESM Build start
+CJS Build start
+IIFE Build start
+If you do not supply "output.name", you may not be able to access the exports of an IIFE bundle.
+IIFE dist/index.global.js     198.00 B
+IIFE dist/index.global.js.map 397.00 B
+IIFE ⚡️ Build success in 436ms
+CJS dist/index.js     143.00 B
+CJS dist/index.js.map 389.00 B
+CJS ⚡️ Build success in 438ms
+ESM dist/index.mjs     130.00 B
+ESM dist/index.mjs.map 390.00 B
+ESM ⚡️ Build success in 438ms
+DTS Build start
+DTS ⚡️ Build success in 4317ms
+DTS dist/index.d.mts 161.00 B
+DTS dist/index.d.ts  161.00 B

package/.turbo/turbo-test.log

@@ -0,0 +1,14 @@
+
+> @anker-in/lib@1.0.0 test /Users/anker/Code/headless-ui/packages/lib
+> jest --passWithNoTests
+
+PASS src/__tests__/math.test.ts
+  math functions
+    ✓ add should correctly add two numbers (1 ms)
+    ✓ subtract should correctly subtract two numbers
+
+Test Suites: 1 passed, 1 total
+Tests:       2 passed, 2 total
+Snapshots:   0 total
+Time:        1.197 s
+Ran all test suites.

package/README.md

@@ -0,0 +1,162 @@
+# @anker-in/lib
+
+便利导出包，整合所有 Anker headless 功能。用户只需安装和导入这一个包即可使用所有功能。
+
+## 安装
+
+```bash
+pnpm add @anker-in/lib
+```
+
+**就这样！** 所有依赖（`@anker-in/shared`、`@anker-in/cart`、`@anker-in/shopify`）会自动安装。
+
+## 快速开始
+
+### 1. 设置 HeadlessProvider
+
+```tsx
+import { HeadlessProvider } from '@anker-in/lib'
+
+const headlessConfig = {
+  storefrontToken: 'your-token',
+  storeDomain: 'your-store.myshopify.com',
+  locale: 'en-US',
+  comboMetafieldsNamespace: 'custom',
+  cartIdCookieName: 'cart_id',
+  brand: 'Anker',
+  appName: 'My App'
+}
+
+function App() {
+  return (
+    <HeadlessProvider headlessConfig={headlessConfig}>
+      <YourApp />
+    </HeadlessProvider>
+  )
+}
+```
+
+### 2. 使用所有功能（从一个包导入！）
+
+```tsx
+import {
+  // Context
+  useHeadlessContext,
+  
+  // Shopify 功能
+  useProduct,
+  createCart,
+  
+  // Cart 功能
+  useBuyNow,
+  useAddToCart,
+  useUpdateCartLines
+} from '@anker-in/lib'
+
+function ProductPage() {
+  const { storefrontToken, storeDomain } = useHeadlessContext()
+  const product = useProduct(productId)
+  const { trigger: buyNow } = useBuyNow()
+  
+  const handleBuyNow = () => {
+    buyNow({
+      lineItems: [
+        {
+          variant: { id: product.variants[0].id },
+          quantity: 1
+        }
+      ]
+    })
+  }
+  
+  return (
+    <div>
+      <h1>{product?.title}</h1>
+      <button onClick={handleBuyNow}>立即购买</button>
+    </div>
+  )
+}
+```
+
+## 架构设计
+
+为了避免循环依赖，采用了分层架构：
+
+```
+          ┌──────────────┐
+          │   shared     │ (基础包：Context + Types)
+          └──────┬───────┘
+                 │
+         ┌───────┼────────┐
+         │       │        │
+         ↓       ↓        ↓
+    ┌────────┬──────┬─────────┐
+    │  lib   │ cart │ shopify │
+    └────┬───┴──────┴────┬────┘
+         │               │
+         └───────┬───────┘
+                 ↓
+         (lib 重新导出所有)
+```
+
+### 包职责
+
+- **@anker-in/shared**: 基础包，提供 `HeadlessProvider` 和 `HeadlessConfig`
+- **@anker-in/shopify**: Shopify API 集成和 hooks
+- **@anker-in/cart**: 购物车功能和 hooks
+- **@anker-in/lib**: 便利导出包，重新导出所有功能 + 自己的工具函数
+
+### 为什么这样设计？
+
+**问题：** 如果 `lib` 包含 Context，而 `cart` 使用 `lib` 的 Context，那么 `lib` 就不能导出 `cart`（会形成循环）。
+
+**解决：** 将 Context 提取到独立的 `shared` 包，这样：
+- ✅ `cart` 依赖 `shared`（获取 Context）
+- ✅ `lib` 依赖 `shared`（获取 Context）
+- ✅ `lib` 依赖 `cart`（重新导出）
+- ✅ 完全消除循环依赖！
+
+## API
+
+### HeadlessProvider
+
+提供全局配置的 Context Provider。
+
+```tsx
+<HeadlessProvider headlessConfig={config}>
+  {children}
+</HeadlessProvider>
+```
+
+### useHeadlessContext
+
+获取 Headless 配置的 Hook。
+
+```tsx
+const { storefrontToken, storeDomain, locale, ... } = useHeadlessContext()
+```
+
+### HeadlessConfig
+
+```typescript
+type HeadlessConfig = {
+  storefrontToken: string        // Shopify Storefront API token
+  storeDomain: string            // 店铺域名
+  locale: string                 // 语言环境
+  comboMetafieldsNamespace: string
+  cartIdCookieName: string       // 购物车 ID 的 cookie 名称
+  brand: string                  // 品牌名称
+  appName: string                // 应用名称
+}
+```
+
+## 导出内容
+
+从 `@anker-in/lib` 可以导入：
+
+- ✅ **Shared**: `HeadlessProvider`, `useHeadlessContext`, `HeadlessConfig`
+- ✅ **Shopify**: 所有 Shopify 功能和 hooks
+- ✅ **Cart**: 所有购物车功能和 hooks
+- ✅ **Lib 自己的工具**: math 等工具函数
+
+**简单来说，你只需要从 `@anker-in/lib` 导入所有内容！**

package/USAGE_EXAMPLE.md

@@ -0,0 +1,425 @@
+# 使用示例
+
+## 完整的电商应用示例
+
+以下是一个完整的示例，展示如何使用 `@anker-in/lib` 构建电商应用：
+
+### 1. 应用入口（App.tsx）
+
+```tsx
+import { HeadlessProvider } from '@anker-in/lib'
+import { ProductList } from './components/ProductList'
+import { Cart } from './components/Cart'
+
+const headlessConfig = {
+  storefrontToken: process.env.NEXT_PUBLIC_SHOPIFY_TOKEN!,
+  storeDomain: process.env.NEXT_PUBLIC_SHOPIFY_DOMAIN!,
+  locale: 'zh-CN',
+  comboMetafieldsNamespace: 'custom',
+  cartIdCookieName: 'anker_cart_id',
+  brand: 'Anker',
+  appName: 'Anker Store'
+}
+
+export default function App() {
+  return (
+    <HeadlessProvider headlessConfig={headlessConfig}>
+      <div className="app">
+        <header>
+          <h1>Anker 商店</h1>
+          <Cart />
+        </header>
+        <main>
+          <ProductList />
+        </main>
+      </div>
+    </HeadlessProvider>
+  )
+}
+```
+
+### 2. 产品列表（ProductList.tsx）
+
+```tsx
+import { useProducts, useHeadlessContext } from '@anker-in/lib'
+import { ProductCard } from './ProductCard'
+
+export function ProductList() {
+  const { locale } = useHeadlessContext()
+  const { data: products, isLoading } = useProducts({
+    first: 12,
+    // 其他查询参数...
+  })
+
+  if (isLoading) return <div>加载中...</div>
+
+  return (
+    <div className="product-grid">
+      {products?.map(product => (
+        <ProductCard key={product.id} product={product} />
+      ))}
+    </div>
+  )
+}
+```
+
+### 3. 产品卡片（ProductCard.tsx）
+
+```tsx
+import { 
+  useAddToCart, 
+  useBuyNow,
+  type Product 
+} from '@anker-in/lib'
+
+interface ProductCardProps {
+  product: Product
+}
+
+export function ProductCard({ product }: ProductCardProps) {
+  const { trigger: addToCart, isMutating: isAdding } = useAddToCart()
+  const { trigger: buyNow, isMutating: isBuying } = useBuyNow()
+
+  const handleAddToCart = async () => {
+    try {
+      await addToCart({
+        lineItems: [{
+          variant: { id: product.variants[0].id },
+          quantity: 1
+        }]
+      })
+      alert('已添加到购物车！')
+    } catch (error) {
+      console.error('添加失败:', error)
+    }
+  }
+
+  const handleBuyNow = async () => {
+    await buyNow({
+      lineItems: [{
+        variant: { id: product.variants[0].id },
+        quantity: 1
+      }],
+      gtmParams: {
+        currency: 'USD',
+        value: parseFloat(product.variants[0].price.amount)
+      }
+    })
+  }
+
+  return (
+    <div className="product-card">
+      <img src={product.images[0]?.url} alt={product.title} />
+      <h3>{product.title}</h3>
+      <p className="price">${product.variants[0].price.amount}</p>
+      
+      <div className="actions">
+        <button 
+          onClick={handleAddToCart}
+          disabled={isAdding}
+        >
+          {isAdding ? '添加中...' : '加入购物车'}
+        </button>
+        
+        <button 
+          onClick={handleBuyNow}
+          disabled={isBuying}
+          className="primary"
+        >
+          {isBuying ? '处理中...' : '立即购买'}
+        </button>
+      </div>
+    </div>
+  )
+}
+```
+
+### 4. 购物车（Cart.tsx）
+
+```tsx
+import { 
+  useCart,
+  useUpdateCartLines,
+  useRemoveCartLines,
+  useApplyCartCodes
+} from '@anker-in/lib'
+import { useState } from 'react'
+
+export function Cart() {
+  const { data: cart } = useCart()
+  const { trigger: updateLines } = useUpdateCartLines()
+  const { trigger: removeLines } = useRemoveCartLines()
+  const { trigger: applyCode } = useApplyCartCodes()
+  const [discountCode, setDiscountCode] = useState('')
+
+  const handleQuantityChange = (lineId: string, quantity: number) => {
+    updateLines({
+      lines: [{
+        id: lineId,
+        quantity
+      }]
+    })
+  }
+
+  const handleRemove = (lineId: string) => {
+    removeLines({ lineIds: [lineId] })
+  }
+
+  const handleApplyDiscount = () => {
+    if (discountCode) {
+      applyCode({ discountCodes: [discountCode] })
+    }
+  }
+
+  if (!cart) return <div>购物车为空</div>
+
+  return (
+    <div className="cart">
+      <h2>购物车 ({cart.lines.length})</h2>
+      
+      {cart.lines.map(line => (
+        <div key={line.id} className="cart-item">
+          <img src={line.merchandise.image?.url} alt={line.merchandise.title} />
+          <div className="info">
+            <h4>{line.merchandise.product.title}</h4>
+            <p>{line.merchandise.title}</p>
+            <p className="price">${line.cost.totalAmount.amount}</p>
+          </div>
+          
+          <div className="quantity">
+            <button onClick={() => handleQuantityChange(line.id, line.quantity - 1)}>
+              -
+            </button>
+            <span>{line.quantity}</span>
+            <button onClick={() => handleQuantityChange(line.id, line.quantity + 1)}>
+              +
+            </button>
+          </div>
+          
+          <button onClick={() => handleRemove(line.id)}>删除</button>
+        </div>
+      ))}
+      
+      <div className="discount">
+        <input
+          type="text"
+          placeholder="优惠码"
+          value={discountCode}
+          onChange={(e) => setDiscountCode(e.target.value)}
+        />
+        <button onClick={handleApplyDiscount}>应用</button>
+      </div>
+      
+      <div className="total">
+        <h3>总计: ${cart.cost.totalAmount.amount}</h3>
+        <a href={cart.checkoutUrl} className="checkout-button">
+          去结账
+        </a>
+      </div>
+    </div>
+  )
+}
+```
+
+### 5. 产品详情页（ProductDetail.tsx）
+
+```tsx
+import { 
+  useProduct, 
+  useBuyNow,
+  useAddToCart,
+  useHeadlessContext
+} from '@anker-in/lib'
+import { useState } from 'react'
+
+interface ProductDetailProps {
+  productId: string
+}
+
+export function ProductDetail({ productId }: ProductDetailProps) {
+  const { brand } = useHeadlessContext()
+  const { data: product, isLoading } = useProduct(productId)
+  const [selectedVariant, setSelectedVariant] = useState(0)
+  const [quantity, setQuantity] = useState(1)
+  
+  const { trigger: buyNow } = useBuyNow()
+  const { trigger: addToCart } = useAddToCart()
+
+  if (isLoading) return <div>加载中...</div>
+  if (!product) return <div>产品未找到</div>
+
+  const currentVariant = product.variants[selectedVariant]
+
+  return (
+    <div className="product-detail">
+      <div className="gallery">
+        {product.images.map((image, idx) => (
+          <img key={idx} src={image.url} alt={`${product.title} ${idx + 1}`} />
+        ))}
+      </div>
+      
+      <div className="info">
+        <span className="brand">{brand}</span>
+        <h1>{product.title}</h1>
+        <div dangerouslySetInnerHTML={{ __html: product.descriptionHtml }} />
+        
+        <div className="variants">
+          <h3>选择规格</h3>
+          {product.variants.map((variant, idx) => (
+            <button
+              key={variant.id}
+              onClick={() => setSelectedVariant(idx)}
+              className={selectedVariant === idx ? 'active' : ''}
+            >
+              {variant.title}
+            </button>
+          ))}
+        </div>
+        
+        <div className="price">
+          <h2>${currentVariant.price.amount}</h2>
+        </div>
+        
+        <div className="quantity">
+          <label>数量：</label>
+          <input
+            type="number"
+            min="1"
+            value={quantity}
+            onChange={(e) => setQuantity(parseInt(e.target.value))}
+          />
+        </div>
+        
+        <div className="actions">
+          <button
+            onClick={() => addToCart({
+              lineItems: [{
+                variant: { id: currentVariant.id },
+                quantity
+              }]
+            })}
+            className="add-to-cart"
+          >
+            加入购物车
+          </button>
+          
+          <button
+            onClick={() => buyNow({
+              lineItems: [{
+                variant: { id: currentVariant.id },
+                quantity
+              }],
+              gtmParams: {
+                currency: 'USD',
+                value: parseFloat(currentVariant.price.amount) * quantity,
+                items: [{
+                  item_id: product.id,
+                  item_name: product.title,
+                  price: parseFloat(currentVariant.price.amount),
+                  quantity
+                }]
+              }
+            })}
+            className="buy-now"
+          >
+            立即购买
+          </button>
+        </div>
+      </div>
+    </div>
+  )
+}
+```
+
+## 高级功能示例
+
+### 使用购物车特性 Hooks
+
+```tsx
+import {
+  useCartAttributes,
+  usePriceDiscount,
+  useCalcOrderDiscount,
+  useCartItemQuantityLimit
+} from '@anker-in/lib'
+
+function AdvancedCart() {
+  // 购物车自定义属性
+  const { attributes, updateAttribute } = useCartAttributes()
+  
+  // 价格折扣
+  const { discountedPrice } = usePriceDiscount()
+  
+  // 订单折扣计算
+  const { orderDiscount } = useCalcOrderDiscount()
+  
+  // 数量限制
+  const { maxQuantity, isLimitReached } = useCartItemQuantityLimit()
+  
+  return (
+    <div>
+      {/* 使用这些 hooks 的数据 */}
+    </div>
+  )
+}
+```
+
+### 自定义埋点
+
+```tsx
+import { useBuyNow } from '@anker-in/lib'
+
+function CustomTracking() {
+  const { trigger: buyNow } = useBuyNow({ 
+    withTrack: false  // 禁用默认埋点
+  })
+  
+  const handleBuyNow = async () => {
+    // 自定义埋点逻辑
+    window.dataLayer?.push({
+      event: 'custom_buy_now',
+      // ... 自定义数据
+    })
+    
+    await buyNow({
+      lineItems: [/* ... */],
+      fbqTrackConfig: {
+        // Facebook Pixel 配置
+        content_ids: ['product-123'],
+        content_type: 'product',
+        value: 99.99,
+        currency: 'USD'
+      }
+    })
+  }
+  
+  return <button onClick={handleBuyNow}>购买</button>
+}
+```
+
+## TypeScript 支持
+
+所有导出的类型都可以直接使用：
+
+```tsx
+import type {
+  Product,
+  Cart,
+  CartLine,
+  HeadlessConfig,
+  BuyNowArgs,
+  // ... 更多类型
+} from '@anker-in/lib'
+
+const config: HeadlessConfig = {
+  storefrontToken: '...',
+  storeDomain: '...',
+  // ...
+}
+
+function handleProduct(product: Product) {
+  // TypeScript 完整支持
+}
+```
+
+

package/dist/index.d.mts

@@ -0,0 +1,11 @@
+export * from '@anker-in/shared';
+export * from '@anker-in/shopify';
+export * from '@anker-in/cart';
+
+/**
+ * 这是一个demo 模版
+ */
+declare const add: (a: number, b: number) => number;
+declare const subtract: (a: number, b: number) => number;
+
+export { add, subtract };

package/dist/index.d.ts

@@ -0,0 +1,11 @@
+export * from '@anker-in/shared';
+export * from '@anker-in/shopify';
+export * from '@anker-in/cart';
+
+/**
+ * 这是一个demo 模版
+ */
+declare const add: (a: number, b: number) => number;
+declare const subtract: (a: number, b: number) => number;
+
+export { add, subtract };

package/dist/index.js

@@ -0,0 +1,45 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  add: () => add,
+  subtract: () => subtract
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/math.ts
+var add = (a, b) => a + b;
+var subtract = (a, b) => a - b;
+
+// src/index.ts
+__reExport(index_exports, require("@anker-in/shared"), module.exports);
+__reExport(index_exports, require("@anker-in/shopify"), module.exports);
+__reExport(index_exports, require("@anker-in/cart"), module.exports);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  add,
+  subtract,
+  ...require("@anker-in/shared"),
+  ...require("@anker-in/shopify"),
+  ...require("@anker-in/cart")
+});
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts","../src/math.ts"],"sourcesContent":["// 导出本地功能\nexport * from './math'\n\n// 重新导出所有包的内容（作为便利导出）\nexport * from '@anker-in/shared'\nexport * from '@anker-in/shopify'\nexport * from '@anker-in/cart'\n","/**\n * 这是一个demo 模版\n */\nexport const add = (a: number, b: number) => a + b\nexport const subtract = (a: number, b: number) => a - b\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACGO,IAAM,MAAM,CAAC,GAAW,MAAc,IAAI;AAC1C,IAAM,WAAW,CAAC,GAAW,MAAc,IAAI;;;ADAtD,0BAAc,6BAJd;AAKA,0BAAc,8BALd;AAMA,0BAAc,2BANd;","names":[]}

package/dist/index.mjs

@@ -0,0 +1,13 @@
+// src/math.ts
+var add = (a, b) => a + b;
+var subtract = (a, b) => a - b;
+
+// src/index.ts
+export * from "@anker-in/shared";
+export * from "@anker-in/shopify";
+export * from "@anker-in/cart";
+export {
+  add,
+  subtract
+};
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/math.ts","../src/index.ts"],"sourcesContent":["/**\n * 这是一个demo 模版\n */\nexport const add = (a: number, b: number) => a + b\nexport const subtract = (a: number, b: number) => a - b\n","// 导出本地功能\nexport * from './math'\n\n// 重新导出所有包的内容（作为便利导出）\nexport * from '@anker-in/shared'\nexport * from '@anker-in/shopify'\nexport * from '@anker-in/cart'\n"],"mappings":";AAGO,IAAM,MAAM,CAAC,GAAW,MAAc,IAAI;AAC1C,IAAM,WAAW,CAAC,GAAW,MAAc,IAAI;;;ACAtD,cAAc;AACd,cAAc;AACd,cAAc;","names":[]}

package/jest.config.ts

@@ -0,0 +1,12 @@
+import { JestConfigWithTsJest } from 'ts-jest'
+
+const config: JestConfigWithTsJest = {
+  preset: 'ts-jest',
+  testEnvironment: 'jsdom', // 使用 node 环境（如果是浏览器库可改成 'jsdom'）
+  clearMocks: true, // 每次测试后自动清除 mock
+  coverageDirectory: 'coverage', // 输出覆盖率报告
+  testMatch: ['**/__tests__/**/*.test.ts'], // 匹配测试文件路径
+  moduleFileExtensions: ['ts', 'js', 'json'],
+}
+
+export default config

package/package.json

@@ -0,0 +1,31 @@
+{
+  "name": "@anker-in/lib",
+  "version": "1.0.0-beta.1",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "dependencies": {
+    "@anker-in/shared": "1.0.0",
+    "@anker-in/shopify": "0.0.0-beta.4",
+    "@anker-in/cart": "1.0.0"
+  },
+  "devDependencies": {
+    "@types/jest": "^29.5.12",
+    "@types/react": "^18.3.3",
+    "jest": "^29.0.0",
+    "ts-jest": "^29.2.6",
+    "tsup": "^8.4.0",
+    "typescript": "^5.0.0"
+  },
+  "peerDependencies": {
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0"
+  },
+  "scripts": {
+    "dev": "tsup --watch",
+    "build": "tsup",
+    "test": "jest --passWithNoTests",
+    "test:watch": "jest --watch",
+    "coverage": "jest --coverage",
+    "clean": "rm -rf .turbo node_modules dist"
+  }
+}

package/src/__tests__/math.test.ts

@@ -0,0 +1,15 @@
+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/index.ts

@@ -0,0 +1,7 @@
+// 导出本地功能
+export * from './math'
+
+// 重新导出所有包的内容（作为便利导出）
+export * from '@anker-in/shared'
+export * from '@anker-in/shopify'
+export * from '@anker-in/cart'

package/src/math.ts

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

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,20 @@
+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',
+    '@anker-in/shared',
+    '@anker-in/shopify',
+    '@anker-in/cart',
+    'next/router',
+    '@sentry/nextjs',
+    'swr',
+  ],
+})