@discount-depot/hydrogen 0.1.4

package/dist/server.js

@@ -0,0 +1,284 @@
+import { giftIcon } from './buy-x-get-y-styles.js';
+import { normalizeBuyXGetY } from './buy-x-get-y-data.js';
+export { createDiscountDepotCartGoalRoute } from './cart-goal-server.js';
+import { normalizeCountdown } from './countdown-data.js';
+import { customerPreviewHeaders, resolvePreviewCustomer } from './customer-identity.js';
+import { normalizeVolumeTable } from './volume.js';
+import { DISCOUNT_DEPOT_API_URL, DISCOUNT_DEPOT_BATCH_API_URL, } from './config.js';
+/** All stores use the endpoint shipped in this package. */
+export function createDiscountDepotRoute({ apiUrl = DISCOUNT_DEPOT_API_URL, batchApiUrl = DISCOUNT_DEPOT_BATCH_API_URL, } = {}) {
+    const headers = { 'Cache-Control': 'private, no-store' };
+    const loader = (args) => {
+        if (args?.request.method === 'GET' && new URL(args.request.url).searchParams.get('asset') === 'gift-icon') {
+            const bytes = Uint8Array.from(atob(giftIcon.split(',')[1]), (character) => character.charCodeAt(0));
+            return new Response(bytes, { headers: {
+                    'Content-Type': 'image/png',
+                    'Cache-Control': 'public, max-age=86400',
+                    'X-Content-Type-Options': 'nosniff',
+                } });
+        }
+        return Response.json({ error: 'Use POST with variantId or variantIds (maximum 50)' }, {
+            status: 405,
+            headers: { ...headers, Allow: 'POST' },
+        });
+    };
+    const action = async ({ request, context, }) => {
+        if (request.method !== 'POST')
+            return loader();
+        let variantId;
+        let body;
+        try {
+            body = await request.json();
+            variantId =
+                body && typeof body === 'object' && 'variantId' in body
+                    ? body.variantId
+                    : undefined;
+        }
+        catch {
+            return Response.json({ error: 'Invalid JSON' }, { status: 400, headers });
+        }
+        if (body && typeof body === 'object' && 'variantIds' in body) {
+            if ('variantId' in body) {
+                return Response.json({ error: 'Use variantId or variantIds, not both' }, { status: 400, headers });
+            }
+            const ids = body.variantIds;
+            if (!Array.isArray(ids) ||
+                ids.length === 0 ||
+                ids.length > 50 ||
+                !ids.every((id) => typeof id === 'string' &&
+                    /^gid:\/\/shopify\/ProductVariant\/\d+$/.test(id))) {
+                return Response.json({ error: 'variantIds must contain 1–50 Shopify ProductVariant GIDs' }, { status: 400, headers });
+            }
+            if (!batchApiUrl)
+                return Response.json({ error: 'Discount Depot is not configured' }, { status: 503, headers });
+            const variantIds = [...new Set(ids)];
+            try {
+                const { nodes } = await context.storefront.query(VARIANTS_QUERY, {
+                    variables: { ids: variantIds },
+                    cache: context.storefront.CacheNone(),
+                });
+                const inputs = [];
+                for (const id of variantIds) {
+                    const node = nodes.find((item) => item?.id === id);
+                    if (node?.__typename === 'ProductVariant' &&
+                        node.price &&
+                        node.product) {
+                        inputs.push({
+                            productId: node.product.id,
+                            variantId: id,
+                            price: node.price.amount,
+                            currencyCode: node.price.currencyCode,
+                            country: context.storefront.i18n.country,
+                        });
+                    }
+                }
+                const results = inputs.length
+                    ? await getDepotDiscounts(context.storefront.getShopifyDomain(), inputs, batchApiUrl, await resolvePreviewCustomer(context, request))
+                    : [];
+                const byId = new Map(results.map((entry) => [entry.variantId, entry.discount]));
+                return Response.json({
+                    discounts: variantIds.map((id) => ({
+                        variantId: id,
+                        discount: byId.get(id) ?? null,
+                    })),
+                }, { headers });
+            }
+            catch {
+                return Response.json({ error: 'Discount service unavailable' }, { status: 502, headers });
+            }
+        }
+        if (typeof variantId !== 'string' ||
+            !/^gid:\/\/shopify\/ProductVariant\/\d+$/.test(variantId)) {
+            return Response.json({ error: 'A Shopify ProductVariant GID is required' }, { status: 400, headers });
+        }
+        if (!apiUrl) {
+            return Response.json({ error: 'Discount Depot is not configured' }, { status: 503, headers });
+        }
+        try {
+            const { node } = await context.storefront.query(VARIANT_QUERY, {
+                variables: { id: variantId },
+                cache: context.storefront.CacheNone(),
+            });
+            if (!node ||
+                node.__typename !== 'ProductVariant' ||
+                !node.price ||
+                !node.product) {
+                return Response.json({ error: 'Variant not found' }, { status: 404, headers });
+            }
+            const includeVolumeTable = !!body &&
+                typeof body === 'object' &&
+                'includeVolumeTable' in body &&
+                body.includeVolumeTable === true;
+            const preview = await getDepotProductPreview(context.storefront.getShopifyDomain(), {
+                productId: node.product.id,
+                variantId: node.id,
+                price: node.price.amount,
+                currencyCode: node.price.currencyCode,
+                country: context.storefront.i18n.country,
+            }, apiUrl, includeVolumeTable, await resolvePreviewCustomer(context, request), !!body && typeof body === 'object' && 'includeBuyXGetY' in body && body.includeBuyXGetY === true);
+            return Response.json({
+                variantId,
+                discount: preview.discount,
+                ...(includeVolumeTable ? { volumeTable: preview.volumeTable } : {}),
+                ...(body && typeof body === 'object' && 'includeBuyXGetY' in body && body.includeBuyXGetY === true ? { buyXGetY: preview.buyXGetY } : {}),
+            }, { headers });
+        }
+        catch {
+            return Response.json({ error: 'Discount service unavailable' }, { status: 502, headers });
+        }
+    };
+    return { loader, action };
+}
+const VARIANT_QUERY = `
+  query DiscountDepotVariant($id: ID!, $country: CountryCode, $language: LanguageCode)
+  @inContext(country: $country, language: $language) {
+    node(id: $id) {
+      __typename
+      ... on ProductVariant { id product { id } price { amount currencyCode } }
+    }
+  }
+`;
+const VARIANTS_QUERY = `
+  query DiscountDepotVariants($ids: [ID!]!, $country: CountryCode, $language: LanguageCode)
+  @inContext(country: $country, language: $language) {
+    nodes(ids: $ids) {
+      __typename
+      ... on ProductVariant { id product { id } price { amount currencyCode } }
+    }
+  }
+`;
+/** Read-only price preview. Shopify remains responsible for cart/checkout totals. */
+export async function getDepotDiscount(shop, input, apiUrl = DISCOUNT_DEPOT_API_URL) {
+    return (await getDepotProductPreview(shop, input, apiUrl)).discount;
+}
+export async function getDepotProductPreview(shop, input, apiUrl = DISCOUNT_DEPOT_API_URL, includeVolumeTable = false, credentials, includeBuyXGetY = false) {
+    if (!apiUrl)
+        return { discount: null, volumeTable: null, buyXGetY: [] };
+    const domain = new URL(`https://${shop.replace(/^https?:\/\//, '')}`).hostname;
+    const body = JSON.stringify({ ...input, shop: domain, discountType: 'AUTOMATIC',
+        ...(includeVolumeTable ? { includeVolumeTable: true } : {}),
+        ...(includeBuyXGetY ? { includeBuyXGetY: true } : {}) });
+    const response = await fetch(apiUrl, {
+        method: 'POST',
+        // Oxygen supports manual redirects; non-2xx responses are rejected below.
+        redirect: 'manual',
+        headers: customerPreviewHeaders(credentials),
+        signal: AbortSignal.timeout(10000),
+        body,
+    });
+    if (!response.ok)
+        throw new Error(`Discount Depot returned HTTP ${response.status}`);
+    const result = await response.json();
+    const volumeTable = includeVolumeTable &&
+        result &&
+        typeof result === 'object' &&
+        'volumeTable' in result
+        ? normalizeVolumeTable(result.volumeTable, {
+            amount: input.price,
+            currencyCode: input.currencyCode,
+        })
+        : null;
+    let discount = null;
+    try {
+        discount = normalizeDiscount(result, input);
+    }
+    catch (error) {
+        // Independent previews: malformed product pricing must not hide valid tiers.
+        if (!includeVolumeTable && !includeBuyXGetY)
+            throw error;
+    }
+    const buyXGetY = includeBuyXGetY && result && typeof result === 'object' && 'buyXGetY' in result
+        ? normalizeBuyXGetY(result.buyXGetY, input.currencyCode) : [];
+    return { discount, volumeTable, buyXGetY };
+}
+function normalizeDiscount(result, input, batch = false) {
+    if (!result || typeof result !== 'object' || !('eligible' in result)) {
+        throw new Error('Invalid Discount Depot response');
+    }
+    if (result.eligible === false)
+        return null;
+    // Code-based offers must never appear as automatic discounts on the PDP.
+    if (('discountType' in result && result.discountType !== 'AUTOMATIC') ||
+        (!batch && !('discountType' in result)))
+        return null;
+    if (result.eligible !== true || !('displayPrice' in result)) {
+        throw new Error('Invalid Discount Depot eligibility');
+    }
+    const value = result.displayPrice;
+    if (!['string', 'number'].includes(typeof value) ||
+        String(value).trim() === '' ||
+        !Number.isFinite(Number(value)) ||
+        Number(value) < 0 ||
+        Number(value) > Number(input.price))
+        throw new Error('Invalid Discount Depot price');
+    if (!('currencyCode' in result) ||
+        result.currencyCode !== input.currencyCode) {
+        throw new Error('Discount Depot currency does not match Shopify');
+    }
+    return {
+        eligible: true,
+        originalPrice: input.price,
+        ...(!batch && 'countdown' in result
+            ? { countdown: normalizeCountdown(result.countdown) } : {}),
+        displayPrice: String(value),
+        currencyCode: input.currencyCode,
+        message: 'message' in result && typeof result.message === 'string'
+            ? result.message
+            : undefined,
+        ruleLabel: 'ruleLabel' in result && typeof result.ruleLabel === 'string'
+            ? result.ruleLabel
+            : undefined,
+        ruleLabelCss: 'ruleLabelCss' in result && typeof result.ruleLabelCss === 'string'
+            ? result.ruleLabelCss
+            : undefined,
+        priceColor: 'priceColor' in result && typeof result.priceColor === 'string'
+            ? result.priceColor
+            : undefined,
+        showOriginalPrice: 'showOriginalPrice' in result && result.showOriginalPrice === true
+            ? true
+            : false,
+    };
+}
+export async function getDepotDiscounts(shop, inputs, apiUrl = DISCOUNT_DEPOT_BATCH_API_URL, credentials) {
+    if (inputs.length < 1 || inputs.length > 50)
+        throw new Error('Batch requires 1–50 variants');
+    const domain = new URL(`https://${shop.replace(/^https?:\/\//, '')}`)
+        .hostname;
+    const requestBody = JSON.stringify({ requests: inputs.map(input => ({
+            ...input, shop: domain, discountType: 'AUTOMATIC',
+        })) });
+    const response = await fetch(apiUrl, {
+        method: 'POST',
+        // Oxygen supports manual redirects; non-2xx responses are rejected below.
+        redirect: 'manual',
+        headers: customerPreviewHeaders(credentials),
+        signal: AbortSignal.timeout(10000),
+        body: requestBody,
+    });
+    if (!response.ok)
+        throw new Error(`Discount Depot returned HTTP ${response.status}`);
+    const body = await response.json();
+    if (!body ||
+        typeof body !== 'object' ||
+        !('discounts' in body) ||
+        !Array.isArray(body.discounts)) {
+        throw new Error('Invalid Discount Depot batch response');
+    }
+    const entries = body.discounts;
+    return inputs.map((input) => {
+        const matches = entries.filter((entry) => entry &&
+            typeof entry === 'object' &&
+            'variantId' in entry &&
+            entry.variantId === input.variantId);
+        let discount = null;
+        if (matches.length === 1) {
+            try {
+                discount = normalizeDiscount(matches[0].discount, input, true);
+            }
+            catch {
+                /* Invalid rows fall back individually. */
+            }
+        }
+        return { variantId: input.variantId, discount };
+    });
+}

package/dist/volume-table.d.ts

@@ -0,0 +1,9 @@
+import { type PricedVariant } from './presentation.js';
+export interface DiscountDepotVolumeTableProps {
+    table: unknown;
+    variant?: PricedVariant | null;
+    locale?: string;
+    className?: string;
+}
+/** No network calls: render the table returned with the PDP price preview. */
+export declare function DiscountDepotVolumeTable({ table, variant, locale, className, }: DiscountDepotVolumeTableProps): import("react").JSX.Element | null;

package/dist/volume-table.js

@@ -0,0 +1,94 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { safePriceColor } from './presentation.js';
+import { normalizeVolumeTable } from './volume.js';
+import { DiscountDepotCountdown } from './countdown.js';
+/** No network calls: render the table returned with the PDP price preview. */
+export function DiscountDepotVolumeTable({ table, variant, locale = 'en-IN', className, }) {
+    const [hovered, setHovered] = useState(null);
+    const [copiedCode, setCopiedCode] = useState('');
+    const [copyError, setCopyError] = useState(false);
+    const data = variant ? normalizeVolumeTable(table, variant.price) : null;
+    if (!data)
+        return null;
+    const design = data.design ?? {};
+    const setting = (name, ...aliases) => {
+        for (const key of [`vd_${name}`, name, ...aliases]) {
+            if (design[key] !== undefined)
+                return design[key];
+        }
+        return undefined;
+    };
+    const label = (name, fallback) => {
+        const value = setting(name);
+        return typeof value === 'string' && value.trim() ? value : fallback;
+    };
+    const color = (name, fallback) => safePriceColor(String(setting(name) ?? '')) ?? fallback;
+    const size = (name, fallback, max) => {
+        const value = setting(name);
+        return value !== undefined &&
+            String(value).trim() !== '' &&
+            Number.isFinite(Number(value))
+            ? Math.max(0, Math.min(max, Number(value)))
+            : fallback;
+    };
+    const enabled = (value) => ![false, 'false', 0, '0'].includes(value);
+    const savings = enabled(setting('show_savings_column', 'show_saving_column'));
+    const prices = enabled(setting('show_prices_column', 'show_price_column'));
+    const borderless = [true, 'true', 1, '1'].includes(setting('borderless'));
+    const border = borderless
+        ? 'none'
+        : `1px solid ${color('border_color', '#cccccc')}`;
+    let money;
+    try {
+        money = new Intl.NumberFormat(locale, {
+            style: 'currency',
+            currency: data.currencyCode,
+        });
+    }
+    catch {
+        return null;
+    }
+    const format = (amount) => money.format(Number(amount));
+    const cell = {
+        padding: size('cell_padding', 14, 48),
+        textAlign: 'center',
+        borderBottom: border,
+    };
+    const codeBanner = data.discountType === 'CODE' && data.showDiscountCode && data.discountCode && enabled(setting('show_discount_code')) ? (_jsxs("div", { style: { display: 'flex', alignItems: 'baseline', flexWrap: 'wrap', gap: 6, marginBlock: 12, fontSize: 14, color: 'inherit' }, children: [_jsx("span", { children: "Use this code to get discount:" }), _jsx("span", { style: { overflowWrap: 'anywhere', fontWeight: 600 }, children: data.discountCode }), _jsx("button", { type: "button", "aria-label": `Copy discount code ${data.discountCode}`, onClick: async () => {
+                    try {
+                        await navigator.clipboard.writeText(data.discountCode);
+                        setCopiedCode(data.discountCode);
+                        setCopyError(false);
+                    }
+                    catch {
+                        setCopyError(true);
+                    }
+                }, title: copiedCode === data.discountCode ? 'Copied' : 'Copy code', style: { padding: 4, background: 'none', color: 'inherit', border: 0, display: 'inline-flex', alignSelf: 'center', cursor: 'pointer' }, children: _jsx("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.7", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", focusable: "false", children: copiedCode === data.discountCode ? _jsx("path", { d: "m5 12 4 4L19 6" }) : _jsxs(_Fragment, { children: [_jsx("rect", { x: "8", y: "8", width: "12", height: "12", rx: "2" }), _jsx("path", { d: "M16 8V5a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h3" })] }) }) }), copyError && _jsx("span", { role: "status", children: "Select and copy the code manually." })] })) : null;
+    return (_jsxs(_Fragment, { children: [_jsx("div", { className: className ?? 'discount-depot-volume-table', style: {
+                    overflowX: 'auto',
+                    border,
+                    borderRadius: size('Roundness', 0, 48),
+                    marginTop: 16,
+                }, children: _jsxs("table", { "aria-label": "Volume discounts", style: { width: '100%', borderCollapse: 'collapse', margin: 0 }, children: [_jsx("thead", { style: {
+                                backgroundColor: color('header_background_color', '#000000'),
+                                color: color('header_font_color', '#ffffff'),
+                            }, children: _jsxs("tr", { children: [_jsx("th", { scope: "col", style: cell, children: data.condition === 'quantity'
+                                            ? label('quantity_label', 'Buy')
+                                            : label('spend_label', 'Spend') }), savings && (_jsx("th", { scope: "col", style: cell, children: label('savings_label', 'Get') })), prices && (_jsx("th", { scope: "col", style: cell, children: label('price_label', 'Price') }))] }) }), _jsx("tbody", { style: { color: color('body_font_color', '#555555') }, children: data.tiers.map((tier, index) => {
+                                const threshold = (value) => data.condition === 'subtotal' ? format(value) : value;
+                                return (_jsxs("tr", { onMouseEnter: () => setHovered(index), onMouseLeave: () => setHovered(null), style: {
+                                        backgroundColor: hovered === index
+                                            ? color('background_highlight', '#e5e5e5')
+                                            : color('body_background_color', '#ffffff'),
+                                    }, children: [_jsxs("th", { scope: "row", style: { ...cell, fontWeight: 400 }, children: [threshold(tier.minimum), tier.maximum === null
+                                                    ? data.condition === 'quantity'
+                                                        ? '+'
+                                                        : ''
+                                                    : Number(tier.maximum) === Number(tier.minimum)
+                                                        ? ''
+                                                        : ` – ${threshold(tier.maximum)}`] }), savings && (_jsx("td", { style: cell, children: tier.discountType === 'percentage'
+                                                ? `${tier.discountValue}% ${label('off_text_percentage', 'off')}`
+                                                : `${format(tier.discountValue)} ${label('off_text_fixed', 'off')}` })), prices && (_jsx("td", { style: cell, children: tier.unitPrice === null ? '—' : format(tier.unitPrice) }))] }, tier.minimum));
+                            }) }), codeBanner && (_jsx("tfoot", { style: { backgroundColor: color('body_background_color', '#ffffff'), color: color('body_font_color', '#555555') }, children: _jsx("tr", { children: _jsx("td", { colSpan: 1 + Number(savings) + Number(prices), style: { padding: '0 12px', borderTop: border }, children: codeBanner }) }) }))] }) }), _jsx(DiscountDepotCountdown, { countdown: data.countdown, design: design })] }));
+}

package/dist/volume.d.ts

@@ -0,0 +1,27 @@
+import { type DepotCountdown } from './countdown-data.js';
+/** Public, evaluated preview data; never send raw database rules to the browser. */
+export interface DepotVolumeTable {
+    eligible: true;
+    discountType: 'AUTOMATIC' | 'CODE';
+    discountCode?: string;
+    showDiscountCode?: boolean;
+    currencyCode: string;
+    originalPrice: string;
+    condition: 'quantity' | 'subtotal';
+    title?: string;
+    countdown?: DepotCountdown | null;
+    tiers: {
+        minimum: string;
+        maximum: string | null;
+        discountType: 'percentage' | 'fixed';
+        discountValue: string;
+        /** Evaluated per-unit price. Null when a subtotal offer has no fixed unit price. */
+        unitPrice: string | null;
+        title?: string;
+    }[];
+    design?: Record<string, string | number | boolean>;
+}
+export declare function normalizeVolumeTable(value: unknown, price: {
+    amount: string;
+    currencyCode: string;
+}): DepotVolumeTable | null;

package/dist/volume.js

@@ -0,0 +1,82 @@
+import { normalizeCountdown } from './countdown-data.js';
+const decimal = (value) => typeof value === 'string' &&
+    /^\d+(?:\.\d+)?$/.test(value) &&
+    Number.isFinite(Number(value));
+export function normalizeVolumeTable(value, price) {
+    if (!value || typeof value !== 'object')
+        return null;
+    const table = value;
+    if (table.eligible !== true ||
+        !['AUTOMATIC', 'CODE'].includes(table.discountType ?? '') ||
+        (table.discountType === 'CODE' && table.showDiscountCode !== false &&
+            (typeof table.discountCode !== 'string' || !table.discountCode.trim() || table.discountCode.length > 255 || /[\x00-\x1f\x7f]/.test(table.discountCode))) ||
+        table.currencyCode !== price.currencyCode ||
+        !decimal(table.originalPrice) ||
+        Number(table.originalPrice) !== Number(price.amount) ||
+        !['quantity', 'subtotal'].includes(table.condition ?? '') ||
+        !Array.isArray(table.tiers) ||
+        !table.tiers.length ||
+        table.tiers.length > 50)
+        return null;
+    const tiers = [];
+    for (const row of table.tiers) {
+        if (!row ||
+            !decimal(row.minimum) ||
+            Number(row.minimum) <= 0 ||
+            (table.condition === 'quantity' &&
+                !Number.isSafeInteger(Number(row.minimum))) ||
+            (row.maximum !== null &&
+                (!decimal(row.maximum) ||
+                    Number(row.maximum) < Number(row.minimum) ||
+                    (table.condition === 'quantity' &&
+                        !Number.isSafeInteger(Number(row.maximum))))) ||
+            !['percentage', 'fixed'].includes(row.discountType) ||
+            !decimal(row.discountValue) ||
+            Number(row.discountValue) <= 0 ||
+            (row.discountType === 'percentage' && Number(row.discountValue) > 100) ||
+            (row.unitPrice !== null &&
+                (!decimal(row.unitPrice) ||
+                    Number(row.unitPrice) > Number(price.amount))) ||
+            (table.condition === 'quantity' && row.unitPrice === null))
+            return null;
+        tiers.push({
+            minimum: row.minimum,
+            maximum: row.maximum,
+            discountType: row.discountType,
+            discountValue: row.discountValue,
+            unitPrice: row.unitPrice,
+            title: typeof row.title === 'string' ? row.title.slice(0, 200) : undefined,
+        });
+    }
+    tiers.sort((a, b) => Number(a.minimum) - Number(b.minimum));
+    for (let i = 1; i < tiers.length; i++) {
+        const previous = tiers[i - 1];
+        if (Number(previous.minimum) === Number(tiers[i].minimum) ||
+            (previous.maximum !== null &&
+                Number(previous.maximum) >= Number(tiers[i].minimum)))
+            return null;
+    }
+    // An open-ended minimum is a ladder threshold, not an exclusive range.
+    const design = {};
+    if (table.design && typeof table.design === 'object') {
+        for (const [key, entry] of Object.entries(table.design).slice(0, 100)) {
+            if (/^(?:vd_)?[a-zA-Z_]+$/.test(key) &&
+                ((typeof entry === 'string' && entry.length <= 300) ||
+                    typeof entry === 'boolean' ||
+                    (typeof entry === 'number' && Number.isFinite(entry))))
+                design[key] = entry;
+        }
+    }
+    return {
+        eligible: true,
+        discountType: table.discountType,
+        ...(table.discountType === 'CODE' ? { discountCode: table.showDiscountCode === false ? undefined : table.discountCode, showDiscountCode: table.showDiscountCode !== false } : {}),
+        currencyCode: price.currencyCode,
+        originalPrice: table.originalPrice,
+        condition: table.condition,
+        title: typeof table.title === 'string' ? table.title.slice(0, 200) : undefined,
+        tiers,
+        design,
+        countdown: normalizeCountdown(table.countdown),
+    };
+}

package/package.json

@@ -0,0 +1,34 @@
+{
+  "name": "@discount-depot/hydrogen",
+  "version": "0.1.4",
+  "description": "Automatic discount previews for Shopify Hydrogen storefronts",
+  "type": "module",
+  "sideEffects": false,
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "exports": {
+    "./react": {
+      "types": "./dist/react.d.ts",
+      "import": "./dist/react.js"
+    },
+    "./server": {
+      "types": "./dist/server.d.ts",
+      "import": "./dist/server.js"
+    }
+  },
+  "scripts": {
+    "build": "tsc -p tsconfig.json",
+    "prepack": "npm run build"
+  },
+  "peerDependencies": {
+    "@shopify/hydrogen": ">=2026.4.0 <2027",
+    "react": "^18.3.1 || ^19.0.0",
+    "react-router": "^7.16.0"
+  },
+  "devDependencies": {
+    "typescript": "^5.9.2",
+    "@types/react": "^18.3.28"
+  }
+}