@personizely/shopify-hydrogen 1.0.0

package/README.md

@@ -0,0 +1,533 @@
+# @personizely/shopify-hydrogen
+
+Personizely adapter for Shopify Hydrogen headless storefronts. Simple React Provider integration for personalization, popups, and A/B testing.
+
+## Features
+
+- ✅ **Plug & Play** - Minimal configuration required
+- ✅ **Server-Side Script Loading** - Prevents A/B test flicker
+- ✅ **Fully Reactive** - Integrates seamlessly with Hydrogen's cart
+- ✅ **TypeScript** - Fully typed for great DX
+- ✅ **Auto Page Detection** - Automatically detects product/collection pages
+- ✅ **Cart & Checkout Triggers** - Easy widget triggering
+
+## Installation
+
+```bash
+npm install @personizely/shopify-hydrogen
+```
+
+## Quick Start
+
+### 1. Set Up Your Root Loader
+
+In your `app/root.tsx`, add Personizely configuration to the loader:
+
+```tsx
+export async function loader(args: Route.LoaderArgs) {
+  const { env } = args.context
+
+  return {
+    // ... other data
+    personizely: {
+      storefrontAccessToken: env.PUBLIC_STOREFRONT_API_TOKEN,
+      shopDomain: env.PUBLIC_STORE_DOMAIN,
+    }
+  }
+}
+```
+
+### 2. Wrap Your App with PersonizelyProvider
+
+In your `app/root.tsx` default export:
+
+```tsx
+import { PersonizelyProvider } from '@personizely/shopify-hydrogen'
+
+export default function App() {
+  const data = useRouteLoaderData<RootLoader>('root')
+
+  if (!data) {
+    return <Outlet />
+  }
+
+  return (
+    <PersonizelyProvider
+      websiteApiKey="your-api-key"
+      storefrontAccessToken={data.personizely.storefrontAccessToken}
+      shopDomain={data.personizely.shopDomain}
+      locale="en-US"
+    >
+      <Outlet />
+    </PersonizelyProvider>
+  )
+}
+```
+
+**That's it!** The Provider:
+- ✅ Automatically integrates with Hydrogen's cart from the root loader
+- ✅ Sets up the config before loading the script
+- ✅ Loads the Personizely snippet dynamically
+- ✅ Provides hooks for triggering widgets
+
+### 3. Trigger Cart Add Events
+
+In your product form component:
+
+```tsx
+import { useCartAdd } from '@personizely/shopify-hydrogen'
+
+export function ProductForm({ product, selectedVariant }) {
+  const triggerCartAdd = useCartAdd()
+
+  const handleAddToCart = async () => {
+    // Trigger Personizely widget (e.g., upsell popup)
+    const widgetShown = await triggerCartAdd({
+      id: product.id,
+      variantId: selectedVariant.id,
+      price: parseFloat(selectedVariant.price.amount),
+      quantity: 1,
+      handle: product.handle,
+    })
+
+    if (!widgetShown) {
+      // Add to cart normally if no widget was shown
+      // Your cart add logic here
+    }
+  }
+
+  return (
+    <button onClick={handleAddToCart}>
+      Add to Cart
+    </button>
+  )
+}
+```
+
+### 4. Trigger Checkout Events
+
+In your cart or checkout button component:
+
+```tsx
+import { useCheckout } from '@personizely/shopify-hydrogen'
+
+export function CheckoutButton({ checkoutUrl }) {
+  const triggerCheckout = useCheckout()
+
+  const handleCheckout = async () => {
+    // Trigger Personizely widget (e.g., exit intent offer)
+    const widgetShown = await triggerCheckout()
+
+    if (!widgetShown) {
+      // Proceed to checkout if no widget was shown
+      window.location.href = checkoutUrl
+    }
+  }
+
+  return (
+    <button onClick={handleCheckout}>
+      Proceed to Checkout
+    </button>
+  )
+}
+```
+
+### 5. Set Page Context
+
+Use `usePageContext` to inform Personizely about the current page for better targeting:
+
+```tsx
+import { usePageContext } from '@personizely/shopify-hydrogen'
+
+export default function ProductRoute() {
+  const { product } = useLoaderData<typeof loader>()
+
+  // Set page context on product pages
+  usePageContext({
+    pageType: 'product',
+    product: {
+      id: extractId(product.id), // Numeric ID
+      handle: product.handle,
+      tags: product.tags
+    }
+  })
+
+  return <ProductPage product={product} />
+}
+```
+
+**When to use `usePageContext`:**
+- **Product pages** - Set `pageType: 'product'` with product data
+- **Collection pages** - Set `pageType: 'collection'` with collection data
+- **Home page** - Set `pageType: 'home'`
+- **Cart page** - Set `pageType: 'cart'`
+
+**Example for collection page:**
+```tsx
+usePageContext({
+  pageType: 'collection',
+  collection: {
+    id: extractId(collection.id)
+  }
+})
+```
+
+## API Reference
+
+### Components
+
+#### `<PersonizelyProvider>`
+
+React context provider for Personizely integration.
+
+**Props:**
+
+| Prop | Type | Required | Description |
+|------|------|----------|-------------|
+| `websiteApiKey` | `string` | ✅ | Your Personizely website API key |
+| `storefrontAccessToken` | `string` | ✅ | Shopify Storefront API access token |
+| `shopDomain` | `string` | ✅ | Your shop domain (e.g., `'myshop.myshopify.com'`) |
+| `locale` | `string` | ❌ | Shop locale (default: `'en-US'`) |
+| `currency` | `object` | ❌ | Currency configuration (see below) |
+| `market` | `string` | ❌ | Market handle for international stores |
+| `apiVersion` | `string` | ❌ | Storefront API version (default: `'2024-01'`) |
+| `methods` | `object` | ❌ | Custom method overrides (see below) |
+| `customerAccessToken` | `string \| null` | ❌ | Customer access token for authenticated requests |
+
+**Currency Configuration:**
+```tsx
+currency={{
+  rate: 1.2,           // Conversion rate from base currency
+  active: 'EUR',       // Current currency code
+  base: 'USD'          // Base currency code
+}}
+```
+
+**Methods Configuration:**
+```tsx
+methods={{
+  // Custom money formatting
+  formatMoney: (amount, includeDecimals) => {
+    // amount is in cents
+    // Return formatted string (e.g., "$19.99" or "$20")
+    return includeDecimals
+      ? `$${(amount / 100).toFixed(2)}`
+      : `$${Math.round(amount / 100)}`
+  },
+
+  // Custom product URL builder
+  builtProductPath: ({ handle }) => {
+    // Return product URL path
+    return `/products/${handle}`
+  }
+}}
+```
+
+**Complete Example:**
+```tsx
+<PersonizelyProvider
+  websiteApiKey="your-api-key"
+  storefrontAccessToken={data.personizely.storefrontAccessToken}
+  shopDomain={data.personizely.shopDomain}
+  locale="en-US"
+  currency={{
+    rate: 0.85,
+    active: 'EUR',
+    base: 'USD'
+  }}
+  market="europe"
+  methods={{
+    formatMoney: (amount, includeDecimals) => {
+      const value = amount / 100
+      return includeDecimals
+        ? `€${value.toFixed(2).replace('.', ',')}`
+        : `€${Math.round(value)}`
+    },
+    builtProductPath: ({ handle }) => `/shop/${handle}`
+  }}
+  customerAccessToken={customerAccessToken}
+>
+  {children}
+</PersonizelyProvider>
+```
+
+### Hooks
+
+#### `useCartAdd()`
+
+Returns a function to trigger cart add widgets (e.g., upsells, cross-sells).
+
+**Returns:** `(product: CartAddProduct) => Promise<boolean>`
+- Returns `true` if a widget was shown
+- Returns `false` if no widget was shown
+
+**CartAddProduct Type:**
+```tsx
+{
+  id: string | number              // Product ID
+  variantId: string | number       // Variant ID
+  price?: string | number          // Price in dollars (will be converted to cents)
+  quantity?: number                // Quantity (default: 1)
+  handle?: string                  // Product handle
+  properties?: Record<string, string> // Custom properties
+}
+```
+
+**Example:**
+```tsx
+const triggerCartAdd = useCartAdd()
+
+const widgetShown = await triggerCartAdd({
+  id: 'gid://shopify/Product/123',
+  variantId: 'gid://shopify/ProductVariant/456',
+  price: 19.99,  // In dollars
+  quantity: 1,
+  handle: 'awesome-product',
+  properties: {
+    gift_wrap: 'yes'
+  }
+})
+```
+
+#### `useCheckout()`
+
+Returns a function to trigger checkout widgets (e.g., exit intent offers, discount popups).
+
+**Returns:** `() => Promise<boolean>`
+- Returns `true` if a widget was shown
+- Returns `false` if no widget was shown
+
+**Example:**
+```tsx
+const triggerCheckout = useCheckout()
+
+const widgetShown = await triggerCheckout()
+if (!widgetShown) {
+  // Proceed with checkout
+  window.location.href = checkoutUrl
+}
+```
+
+#### `usePageContext(context)`
+
+Sets the current page context for better widget targeting. Call this hook in your route components.
+
+**Parameters:**
+- `context: Partial<PageContext>` - Page context object
+
+**PageContext Type:**
+```tsx
+{
+  pageType?: string | number       // Page type: 'product' | 'collection' | 'home' | 'cart' | custom
+  product?: {                      // Product data (for product pages)
+    id: number                     // Numeric product ID
+    handle: string                 // Product handle
+    tags?: string[]                // Product tags
+  } | null
+  collection?: {                   // Collection data (for collection pages)
+    id: number                     // Numeric collection ID
+  } | null
+}
+```
+
+**Examples:**
+
+Product page:
+```tsx
+import { usePageContext } from '@personizely/shopify-hydrogen'
+
+export default function ProductRoute() {
+  const { product } = useLoaderData<typeof loader>()
+
+  usePageContext({
+    pageType: 'product',
+    product: {
+      id: extractNumericId(product.id),  // Extract numeric ID from GID
+      handle: product.handle,
+      tags: product.tags
+    }
+  })
+
+  return <ProductPage product={product} />
+}
+```
+
+Collection page:
+```tsx
+usePageContext({
+  pageType: 'collection',
+  collection: {
+    id: extractNumericId(collection.id)
+  }
+})
+```
+
+Home page:
+```tsx
+usePageContext({
+  pageType: 'home'
+})
+```
+
+Cart page:
+```tsx
+usePageContext({
+  pageType: 'cart'
+})
+```
+
+#### `usePersonizely()`
+
+Returns the Personizely context with cart and adapter instances.
+
+**Returns:** `{ cart: Cart, adapter: Adapter, websiteApiKey: string }`
+
+**Example:**
+```tsx
+const { cart, adapter, websiteApiKey } = usePersonizely()
+
+// Access cart methods
+const cartTotal = cart.getValue()
+const itemCount = cart.getSize()
+
+// Access adapter methods
+const formattedPrice = adapter.formatMoney(1999, true) // "$19.99"
+const productUrl = adapter.buildProductPath({ handle: 'my-product' })
+```
+
+## Advanced Usage
+
+### Multi-Currency Support
+
+```tsx
+// Define currency outside component for stable reference
+const CURRENCY = {
+  rate: 0.85,      // EUR/USD rate
+  active: 'EUR',   // Display currency
+  base: 'USD'      // Base currency
+}
+
+export default function App() {
+  return (
+    <PersonizelyProvider
+      websiteApiKey="your-api-key"
+      storefrontAccessToken={token}
+      shopDomain={domain}
+      currency={CURRENCY}
+      methods={{
+        formatMoney: (amount, includeDecimals) => {
+          const value = amount / 100
+          return includeDecimals
+            ? `€${value.toFixed(2).replace('.', ',')}`
+            : `€${Math.round(value)}`
+        }
+      }}
+    >
+      {children}
+    </PersonizelyProvider>
+  )
+}
+```
+
+### International Markets
+
+```tsx
+// Define market outside component for stable reference
+const MARKET = 'europe'
+
+export default function App() {
+  return (
+    <PersonizelyProvider
+      websiteApiKey="your-api-key"
+      storefrontAccessToken={token}
+      shopDomain={domain}
+      market={MARKET}
+      locale="de-DE"
+    >
+      {children}
+    </PersonizelyProvider>
+  )
+}
+```
+
+### Authenticated Customers
+
+```tsx
+export default function App() {
+  const data = useRouteLoaderData<RootLoader>('root')
+  const customerAccessToken = data.customerAccessToken // From your auth logic
+
+  return (
+    <PersonizelyProvider
+      websiteApiKey="your-api-key"
+      storefrontAccessToken={data.personizely.storefrontAccessToken}
+      shopDomain={data.personizely.shopDomain}
+      customerAccessToken={customerAccessToken}
+    >
+      {children}
+    </PersonizelyProvider>
+  )
+}
+```
+
+### Custom Product URLs
+
+```tsx
+<PersonizelyProvider
+  websiteApiKey="your-api-key"
+  storefrontAccessToken={token}
+  shopDomain={domain}
+  methods={{
+    builtProductPath: ({ handle }) => {
+      // Custom URL structure
+      return `/shop/products/${handle}`
+    }
+  }}
+>
+  {children}
+</PersonizelyProvider>
+```
+
+## TypeScript
+
+This package is fully typed. Import types as needed:
+
+```tsx
+import type {
+  CartAddProduct,
+  PageContext,
+  PersonizelyConfigMethods,
+  Product,
+  Customer,
+} from '@personizely/shopify-hydrogen'
+```
+
+## How It Works
+
+1. **Provider Setup**: `PersonizelyProvider` sets up `window.__PLY_HYDROGEN_CONFIG__` with cart and adapter instances
+2. **Script Loading**: Provider dynamically loads the Personizely snippet after config is ready
+3. **Cart Integration**: Automatically integrates with Hydrogen's cart from the root loader
+4. **Page Context**: Use `usePageContext()` in route components to set page type and data
+5. **Event Triggers**: `useCartAdd` and `useCheckout` hooks trigger widgets at key moments
+
+## Compatibility
+
+- **Shopify Hydrogen**: v2.x
+- **React Router**: v7.x
+- **React**: v18.x
+- **TypeScript**: v5.x
+
+## Getting Your API Keys
+
+1. **Personizely Website API Key**: Get this from your [Personizely dashboard](https://app.personizely.net/settings)
+2. **Shopify Storefront Access Token**: Create a [custom app in Shopify Admin](https://shopify.dev/docs/api/usage/authentication#getting-started-with-authenticated-access) with Storefront API access
+
+## Support
+
+- 📧 Email: support@personizely.net
+- 📚 Docs: https://help.personizely.net
+- 💬 Chat: Available in your Personizely dashboard
+
+## License
+
+MIT

package/dist/classes/Adapter.d.ts

@@ -0,0 +1,33 @@
+import type { IShopifyAdapter, Product, Customer, PageContext, PersonizelyConfig, ProductData } from '../types';
+import { StorefrontClient } from '../utils/storefront-client';
+export declare class Adapter implements IShopifyAdapter {
+    private client;
+    private currency;
+    private market;
+    private locale;
+    private pageContext;
+    private methods?;
+    private customerAccessToken;
+    constructor(config: PersonizelyConfig, storefrontClient: StorefrontClient);
+    setCustomerAccessToken(token: string | null): void;
+    fetchProduct(handle: string): Promise<ProductData>;
+    fetchProductCollections(handle: string, productId: number): Promise<number[]>;
+    fetchRecommendations(productId: number, intent: string): Promise<{
+        products: ProductData[];
+        intent: string;
+    }>;
+    buildProductPath(product: {
+        handle: string;
+    }): string;
+    convertToBaseCurrency(amount: number): number;
+    convertFromBaseCurrency(amount: number): number;
+    formatMoney(amount: number, includeDecimals?: boolean): string;
+    getCustomer(): Promise<Customer | null>;
+    getPageContext(): PageContext;
+    setPageContext(context: Partial<PageContext>): void;
+    getVisitorId(): string | null;
+    getMarket(): string | null;
+    getCurrencyRate(): number;
+    toProductData(product: Product): ProductData;
+}
+//# sourceMappingURL=Adapter.d.ts.map

package/dist/classes/Adapter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Adapter.d.ts","sourceRoot":"","sources":["../../src/classes/Adapter.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,eAAe,EACf,OAAO,EACP,QAAQ,EACR,WAAW,EACX,iBAAiB,EAEjB,WAAW,EACZ,MAAM,UAAU,CAAA;AACjB,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAA;AAQ7D,qBAAa,OAAQ,YAAW,eAAe;IAC7C,OAAO,CAAC,MAAM,CAAkB;IAEhC,OAAO,CAAC,QAAQ,CAIf;IAED,OAAO,CAAC,MAAM,CAAe;IAE7B,OAAO,CAAC,MAAM,CAAQ;IAEtB,OAAO,CAAC,WAAW,CAAa;IAEhC,OAAO,CAAC,OAAO,CAAC,CAA0B;IAE1C,OAAO,CAAC,mBAAmB,CAAsB;gBAEpC,MAAM,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,gBAAgB;IAkB1E,sBAAsB,CAAE,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IAO7C,YAAY,CAAE,MAAM,EAAE,MAAM,GAAG,OAAO,CAAC,WAAW,CAAC;IAanD,uBAAuB,CAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,GAAG,OAAO,CAAC,MAAM,EAAE,CAAC;IAkB9E,oBAAoB,CAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,OAAO,CAAC;QAAE,QAAQ,EAAE,WAAW,EAAE,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;IAYpH,gBAAgB,CAAE,OAAO,EAAE;QAAE,MAAM,EAAE,MAAM,CAAA;KAAE,GAAG,MAAM;IAStD,qBAAqB,CAAE,MAAM,EAAE,MAAM,GAAG,MAAM;IAO9C,uBAAuB,CAAE,MAAM,EAAE,MAAM,GAAG,MAAM;IAOhD,WAAW,CAAE,MAAM,EAAE,MAAM,EAAE,eAAe,GAAE,OAAc,GAAG,MAAM;IAc/D,WAAW,IAAK,OAAO,CAAC,QAAQ,GAAG,IAAI,CAAC;IAmB9C,cAAc,IAAK,WAAW;IAI9B,cAAc,CAAE,OAAO,EAAE,OAAO,CAAC,WAAW,CAAC;IAU7C,YAAY,IAAK,MAAM,GAAG,IAAI;IAO9B,SAAS,IAAK,MAAM,GAAG,IAAI;IAQ3B,eAAe,IAAK,MAAM;IAO1B,aAAa,CAAE,OAAO,EAAE,OAAO,GAAG,WAAW;CAuB9C"}

package/dist/classes/Adapter.js

@@ -0,0 +1,126 @@
+import { GET_PRODUCT_BY_HANDLE, GET_PRODUCT_BY_ID, GET_PRODUCT_RECOMMENDATIONS } from '../graphql/queries/product';
+import { GET_CUSTOMER } from '../graphql/queries/customer';
+import { toId } from '../utils/id';
+export class Adapter {
+    constructor(config, storefrontClient) {
+        this.customerAccessToken = null;
+        this.client = storefrontClient;
+        this.methods = config.methods;
+        this.currency = { active: 'USD', base: 'USD', rate: 1, ...config.currency };
+        this.locale = config.locale || 'en-US';
+        this.market = config.market || null;
+        this.pageContext = {
+            pageType: undefined,
+            product: null,
+            collection: null
+        };
+    }
+    setCustomerAccessToken(token) {
+        this.customerAccessToken = token;
+    }
+    async fetchProduct(handle) {
+        const data = await this.client.query(GET_PRODUCT_BY_HANDLE, { handle });
+        if (!data.product) {
+            throw new Error(`Product not found: ${handle}`);
+        }
+        return this.toProductData(data.product);
+    }
+    async fetchProductCollections(handle, productId) {
+        let data;
+        if (productId) {
+            data = await this.client.query(GET_PRODUCT_BY_ID, { id: `gid://shopify/Product/${productId}` });
+        }
+        else if (handle) {
+            data = await this.client.query(GET_PRODUCT_BY_HANDLE, { handle });
+        }
+        if (!data || !data.product) {
+            throw new Error(`Product not found: ${productId}`);
+        }
+        return data.product.collections.nodes.map(c => toId(c.id));
+    }
+    async fetchRecommendations(productId, intent) {
+        const data = await this.client.query(GET_PRODUCT_RECOMMENDATIONS, { productId: `gid://shopify/Product/${productId}`, intent });
+        return {
+            intent,
+            products: data.productRecommendations.map(p => this.toProductData(p)) || []
+        };
+    }
+    buildProductPath(product) {
+        if (typeof this.methods?.builtProductPath !== 'function')
+            return `/products/${product.handle}`;
+        return this.methods.builtProductPath(product);
+    }
+    convertToBaseCurrency(amount) {
+        return this.currency.rate / amount;
+    }
+    convertFromBaseCurrency(amount) {
+        return this.currency.rate * amount;
+    }
+    formatMoney(amount, includeDecimals = true) {
+        if (typeof this.methods?.formatMoney !== 'function')
+            return new Intl.NumberFormat(this.locale, {
+                style: 'currency',
+                currency: this.currency.active,
+                maximumFractionDigits: includeDecimals ? undefined : 0
+            }).format(amount / 100);
+        return this.methods.formatMoney(amount, includeDecimals);
+    }
+    async getCustomer() {
+        if (!this.customerAccessToken) {
+            return null;
+        }
+        try {
+            const data = await this.client.query(GET_CUSTOMER, { customerAccessToken: this.customerAccessToken });
+            return data.customer || null;
+        }
+        catch (error) {
+            console.error('Error fetching customer:', error);
+            return null;
+        }
+    }
+    getPageContext() {
+        return this.pageContext;
+    }
+    setPageContext(context) {
+        if (context.product) {
+            context.product.id = toId(String(context.product.id));
+        }
+        if (context.collection) {
+            context.collection.id = toId(String(context.collection.id));
+        }
+        this.pageContext = context;
+    }
+    getVisitorId() {
+        return null;
+    }
+    getMarket() {
+        return this.market;
+    }
+    getCurrencyRate() {
+        return this.currency.rate;
+    }
+    toProductData(product) {
+        return {
+            id: toId(product.id),
+            handle: product.handle,
+            title: product.title,
+            available: product.availableForSale,
+            requires_selling_plan: product.requiresSellingPlan,
+            images: product.images.nodes.map(img => img.url),
+            variants: product.variants.nodes.map(variant => ({
+                id: toId(variant.id),
+                title: variant.title,
+                available: variant.availableForSale,
+                price: Math.round(parseFloat(variant.price.amount) * 100),
+                compare_at_price: variant.compareAtPrice
+                    ? Math.round(parseFloat(variant.compareAtPrice.amount) * 100)
+                    : null,
+                featured_image: variant.image ? { src: variant.image.url } : null,
+                selling_plan_allocations: variant.sellingPlanAllocations?.edges?.map(edge => ({
+                    selling_plan_id: edge.node.sellingPlan.id
+                })) || []
+            }))
+        };
+    }
+}
+//# sourceMappingURL=Adapter.js.map

package/dist/classes/Adapter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Adapter.js","sourceRoot":"","sources":["../../src/classes/Adapter.ts"],"names":[],"mappings":"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"}