bodega-checkout 0.1.0

package/README.md

@@ -0,0 +1,84 @@
+# bodega-checkout
+
+TypeScript SDK for [Bodega](https://bodega.dev) — crypto commerce checkout.
+
+## Install
+
+```bash
+npm install bodega-checkout
+```
+
+## Quick Start
+
+```ts
+import { createClient } from "bodega-checkout";
+
+const bodega = createClient({ apiKey: "sk_live_..." });
+
+// Create a checkout session
+const session = await bodega.checkout.create({
+  productId: "prod_abc",
+  successUrl: "https://myapp.com/success",
+  cancelUrl: "https://myapp.com/cancel",
+});
+
+// Check access
+const access = await bodega.access.check("0x123...", "prod_abc");
+console.log(access.hasAccess);
+
+// List products
+const products = await bodega.products.list();
+```
+
+## Popup Checkout (Browser)
+
+```ts
+import { createClient, openPopup } from "bodega-checkout";
+
+const bodega = createClient({ apiKey: "sk_live_..." });
+const session = await bodega.checkout.create({ ... });
+
+openPopup(session.url, {
+  onSuccess: (orderId, txHash) => console.log("Paid!", txHash),
+  onError: (error) => console.error(error),
+  onClose: () => console.log("Closed"),
+});
+```
+
+## React Hook
+
+```tsx
+import { useBodegaCheckout } from "bodega-checkout/react";
+
+function BuyButton({ productId }: { productId: string }) {
+  const { checkout, isLoading, error } = useBodegaCheckout({
+    apiKey: "sk_live_...",
+  });
+
+  return (
+    <button
+      disabled={isLoading}
+      onClick={() =>
+        checkout(productId, {
+          onSuccess: (e) => console.log("Paid!", e.txHash),
+          onError: (err) => console.error(err),
+          onClose: () => console.log("Closed"),
+        })
+      }
+    >
+      {isLoading ? "Loading..." : "Buy Now"}
+    </button>
+  );
+}
+```
+
+## Configuration
+
+| Option    | Default              | Description         |
+| --------- | -------------------- | ------------------- |
+| `apiKey`  | —                    | Your Bodega API key |
+| `baseUrl` | `https://bodega.dev` | API base URL        |
+
+## License
+
+MIT

package/dist/chunk-RLJQ62ON.js

@@ -0,0 +1,150 @@
+// src/react/use-bodega.ts
+import { useState, useCallback, useRef } from "react";
+
+// src/client.ts
+var DEFAULT_BASE_URL = "https://bodega.dev";
+var BodegaClient = class {
+  constructor(config) {
+    this.checkout = {
+      create: (opts) => this.request("/api/v1/checkout/sessions", {
+        method: "POST",
+        body: JSON.stringify(opts)
+      })
+    };
+    this.access = {
+      check: (wallet, productId) => this.request(
+        `/api/v1/access/check?wallet=${encodeURIComponent(wallet)}&productId=${encodeURIComponent(productId)}`
+      )
+    };
+    this.products = {
+      list: () => this.request("/api/v1/products")
+    };
+    this.apiKey = config.apiKey;
+    this.baseUrl = (config.baseUrl ?? DEFAULT_BASE_URL).replace(/\/$/, "");
+  }
+  async request(path, init) {
+    const res = await fetch(`${this.baseUrl}${path}`, {
+      ...init,
+      headers: {
+        "Content-Type": "application/json",
+        Authorization: `Bearer ${this.apiKey}`,
+        ...init?.headers
+      }
+    });
+    if (!res.ok) {
+      const body = await res.text().catch(() => "");
+      throw new Error(`Bodega API error ${res.status}: ${body}`);
+    }
+    return res.json();
+  }
+};
+
+// src/popup.ts
+var checkoutWindow = null;
+function openPopup(checkoutUrl, callbacks = {}) {
+  closePopup();
+  checkoutWindow = window.open(checkoutUrl, "_blank");
+  if (!checkoutWindow) {
+    callbacks.onError?.("Popup blocked. Please allow popups for this site.");
+    return () => {
+    };
+  }
+  callbacks.onReady?.();
+  const pollTimer = setInterval(() => {
+    if (checkoutWindow?.closed) {
+      clearInterval(pollTimer);
+      window.removeEventListener("message", handleMessage);
+      checkoutWindow = null;
+      callbacks.onClose?.();
+    }
+  }, 500);
+  function handleMessage(e) {
+    const data = e.data;
+    if (!data || typeof data.type !== "string" || !data.type.startsWith("bodega:"))
+      return;
+    switch (data.type) {
+      case "bodega:ready":
+        callbacks.onReady?.();
+        break;
+      case "bodega:success":
+        callbacks.onSuccess?.(data.orderId, data.txHash);
+        cleanup();
+        break;
+      case "bodega:error":
+        callbacks.onError?.(data.error);
+        break;
+      case "bodega:close":
+        cleanup();
+        callbacks.onClose?.();
+        break;
+    }
+  }
+  window.addEventListener("message", handleMessage);
+  function cleanup() {
+    clearInterval(pollTimer);
+    window.removeEventListener("message", handleMessage);
+    closePopup();
+  }
+  return cleanup;
+}
+function closePopup() {
+  if (checkoutWindow && !checkoutWindow.closed) {
+    checkoutWindow.close();
+  }
+  checkoutWindow = null;
+}
+
+// src/react/use-bodega.ts
+function useBodegaCheckout(config) {
+  const [isLoading, setIsLoading] = useState(false);
+  const [error, setError] = useState(null);
+  const cleanupRef = useRef(null);
+  const clientRef = useRef(null);
+  if (!clientRef.current) {
+    clientRef.current = new BodegaClient(config);
+  }
+  const checkout = useCallback(
+    async (productId, opts = {}) => {
+      setIsLoading(true);
+      setError(null);
+      try {
+        const session = await clientRef.current.checkout.create({
+          productId,
+          successUrl: opts.successUrl ?? window.location.href,
+          cancelUrl: opts.cancelUrl ?? window.location.href,
+          metadata: opts.metadata
+        });
+        cleanupRef.current?.();
+        cleanupRef.current = openPopup(session.url, {
+          onSuccess: (orderId, txHash) => {
+            setIsLoading(false);
+            opts.onSuccess?.({ type: "bodega:success", orderId, txHash });
+          },
+          onError: (err) => {
+            setError(err);
+            setIsLoading(false);
+            opts.onError?.(err);
+          },
+          onClose: () => {
+            setIsLoading(false);
+            opts.onClose?.();
+          }
+        });
+      } catch (err) {
+        const msg = err instanceof Error ? err.message : "Checkout failed";
+        setError(msg);
+        setIsLoading(false);
+        opts.onError?.(msg);
+      }
+    },
+    []
+  );
+  return { checkout, isLoading, error };
+}
+
+export {
+  BodegaClient,
+  openPopup,
+  closePopup,
+  useBodegaCheckout
+};

package/dist/index.d.ts

@@ -0,0 +1,31 @@
+import { B as BodegaConfig, C as CheckoutOptions, a as CheckoutSession, A as AccessRecord, P as Product } from './use-bodega-DMW30INZ.js';
+export { b as BodegaCloseEvent, c as BodegaErrorEvent, d as BodegaEvent, e as BodegaReadyEvent, f as BodegaSuccessEvent, O as Order, U as UseCheckoutOptions, g as UseCheckoutReturn, u as useBodegaCheckout } from './use-bodega-DMW30INZ.js';
+
+declare class BodegaClient {
+    private apiKey;
+    private baseUrl;
+    constructor(config: BodegaConfig);
+    private request;
+    checkout: {
+        create: (opts: CheckoutOptions) => Promise<CheckoutSession>;
+    };
+    access: {
+        check: (wallet: string, productId: string) => Promise<AccessRecord>;
+    };
+    products: {
+        list: () => Promise<Product[]>;
+    };
+}
+
+interface PopupCallbacks {
+    onReady?: () => void;
+    onSuccess?: (orderId: string, txHash: string) => void;
+    onError?: (error: string) => void;
+    onClose?: () => void;
+}
+declare function openPopup(checkoutUrl: string, callbacks?: PopupCallbacks): () => void;
+declare function closePopup(): void;
+
+declare function createClient(config: BodegaConfig): BodegaClient;
+
+export { AccessRecord, BodegaClient, BodegaConfig, CheckoutOptions, CheckoutSession, Product, closePopup, createClient, openPopup };

package/dist/index.js

@@ -0,0 +1,18 @@
+import {
+  BodegaClient,
+  closePopup,
+  openPopup,
+  useBodegaCheckout
+} from "./chunk-RLJQ62ON.js";
+
+// src/index.ts
+function createClient(config) {
+  return new BodegaClient(config);
+}
+export {
+  BodegaClient,
+  closePopup,
+  createClient,
+  openPopup,
+  useBodegaCheckout
+};

package/dist/react/use-bodega.d.ts

@@ -0,0 +1 @@
+export { u as useBodegaCheckout } from '../use-bodega-DMW30INZ.js';

package/dist/react/use-bodega.js

@@ -0,0 +1,6 @@
+import {
+  useBodegaCheckout
+} from "../chunk-RLJQ62ON.js";
+export {
+  useBodegaCheckout
+};

package/dist/use-bodega-DMW30INZ.d.ts

@@ -0,0 +1,76 @@
+interface Product {
+    id: string;
+    name: string;
+    description?: string;
+    price: number;
+    currency: string;
+    imageUrl?: string;
+    createdAt: string;
+}
+interface Order {
+    id: string;
+    productId: string;
+    wallet: string;
+    txHash: string;
+    status: "pending" | "completed" | "failed";
+    createdAt: string;
+}
+interface CheckoutSession {
+    id: string;
+    url: string;
+    productId: string;
+    successUrl: string;
+    cancelUrl: string;
+    metadata?: Record<string, string>;
+    expiresAt: string;
+}
+interface AccessRecord {
+    hasAccess: boolean;
+    wallet: string;
+    productId: string;
+    orderId?: string;
+    grantedAt?: string;
+}
+interface BodegaConfig {
+    apiKey: string;
+    baseUrl?: string;
+}
+interface CheckoutOptions {
+    productId: string;
+    successUrl: string;
+    cancelUrl: string;
+    metadata?: Record<string, string>;
+}
+interface BodegaReadyEvent {
+    type: "bodega:ready";
+}
+interface BodegaSuccessEvent {
+    type: "bodega:success";
+    orderId: string;
+    txHash: string;
+}
+interface BodegaErrorEvent {
+    type: "bodega:error";
+    error: string;
+}
+interface BodegaCloseEvent {
+    type: "bodega:close";
+}
+type BodegaEvent = BodegaReadyEvent | BodegaSuccessEvent | BodegaErrorEvent | BodegaCloseEvent;
+interface UseCheckoutOptions {
+    onSuccess?: (event: BodegaSuccessEvent) => void;
+    onError?: (error: string) => void;
+    onClose?: () => void;
+    successUrl?: string;
+    cancelUrl?: string;
+    metadata?: Record<string, string>;
+}
+interface UseCheckoutReturn {
+    checkout: (productId: string, opts?: UseCheckoutOptions) => Promise<void>;
+    isLoading: boolean;
+    error: string | null;
+}
+
+declare function useBodegaCheckout(config: BodegaConfig): UseCheckoutReturn;
+
+export { type AccessRecord as A, type BodegaConfig as B, type CheckoutOptions as C, type Order as O, type Product as P, type UseCheckoutOptions as U, type CheckoutSession as a, type BodegaCloseEvent as b, type BodegaErrorEvent as c, type BodegaEvent as d, type BodegaReadyEvent as e, type BodegaSuccessEvent as f, type UseCheckoutReturn as g, useBodegaCheckout as u };

package/package.json

@@ -0,0 +1,50 @@
+{
+  "name": "bodega-checkout",
+  "version": "0.1.0",
+  "description": "TypeScript SDK for Bodega — crypto commerce checkout. USDC payments on Base.",
+  "type": "module",
+  "license": "MIT",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    },
+    "./react": {
+      "import": "./dist/react/use-bodega.js",
+      "types": "./dist/react/use-bodega.d.ts"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "keywords": [
+    "bodega",
+    "crypto",
+    "payments",
+    "usdc",
+    "base",
+    "checkout",
+    "web3"
+  ],
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch",
+    "prepublishOnly": "tsup"
+  },
+  "peerDependencies": {
+    "react": ">=18.0.0"
+  },
+  "peerDependenciesMeta": {
+    "react": {
+      "optional": true
+    }
+  },
+  "devDependencies": {
+    "tsup": "^8.0.0",
+    "typescript": "^5.3.0",
+    "@types/react": "^18.0.0"
+  }
+}