open-index/open-npm huggingface dataset:
npm package: @paywithglide/glide-react
Description: React components for https://paywithglide.xyz
Latest version: 0.0.52

React components for https://paywithglide.xyz

## Features

- Easy integration of crypto deposits and payments
- Support for multiple payment methods (wallet, transfer, fiat onramps)
- Customizable themes
- **Analytics event tracking** - Track user behavior, conversions, and drop-offs with your own analytics platform

## Analytics

GLIDE SDK now supports comprehensive analytics event tracking. You can integrate with platforms like Amplitude, Mixpanel, or Segment to:

- Track user behavior through the deposit flow
- Measure conversion rates and identify drop-off points
- Analyze payment method performance
- Monitor errors and transaction times

See [ANALYTICS.md](./ANALYTICS.md) for detailed documentation and examples.

### Quick Example

```typescript
import { GlideDeposit } from "@paywithglide/glide-react";

const glide = new GlideDeposit({
  app: "your-app",
  recipient: "0x...",

  // Add analytics callback
  onAnalyticsEvent: (event) => {
    // Forward to your analytics platform
    amplitude.track(event.type, event);
  },
});
```

## Documentation

- [Analytics Documentation](./ANALYTICS.md)
- [Main Documentation](https://docs.paywithglide.xyz)
npm package: @paywithpull/checkout
Description: Payment integration SDK for checkout pages
Latest version: 0.1.12

# @paywithpull/checkout

Lightweight Preact-based checkout SDK for integrating Pull payments into customer websites.

**Bundle Size:** ~29KB (ESM & UMD)

## Installation

```bash
npm install @paywithpull/checkout
```

## Usage

```javascript
import { Pull } from '@paywithpull/checkout';

// Initialize (defaults to production environment)
Pull.initialize({
  checkoutKey: 'your-checkout-key'
});

// Or specify environment explicitly
Pull.initialize({
  checkoutKey: 'your-checkout-key',
  environment: 'local' // 'local' or 'production'
});

// Mount checkout button
Pull.mount({
  elementId: 'checkout-button',
  products: [{ id: 'prod_123', quantity: 1 }]
});
```