open-index/open-npm huggingface dataset:
npm package: @gelatin-hero/framer-charts
Description: Settlement speed chart components for Framer
Latest version: 0.1.4

This is a [Next.js](https://nextjs.org) project bootstrapped with [`create-next-app`](https://nextjs.org/docs/app/api-reference/cli/create-next-app).

## Getting Started

First, run the development server:

```bash
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev
```

Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.

You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.

This project uses [`next/font`](https://nextjs.org/docs/app/building-your-application/optimizing/fonts) to automatically optimize and load [Geist](https://vercel.com/font), a new font family for Vercel.

## Learn More

To learn more about Next.js, take a look at the following resources:

- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.

You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js) - your feedback and contributions are welcome!

## Deploy on Vercel

The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.

Check out our [Next.js deployment documentation](https://nextjs.org/docs/app/building-your-application/deploying) for more details.
npm package: @gelatonetwork/dca-sdk
Description: Place Dollar Cost Averaging Orders on DEXs like Uniswap with Gelato
Author: Gelato Network
Latest version: 0.2.13

[![npm version](https://badge.fury.io/js/%40gelatonetwork%2Flimit-orders-lib.svg)](https://badge.fury.io/js/%40gelatonetwork%2Flimit-orders-lib)
[![gelatodigital](https://circleci.com/gh/gelatodigital/limit-orders-lib.svg?style=shield)](https://app.circleci.com/pipelines/github/gelatodigital/limit-orders-lib)

# Gelato Dollar Cost Averaging SDK

Place Dollar Cost Averaging Orders on DEXs (Uniswap & Kyber) on Ethereum Mainnet

## Mainnet Demo

<a href="https://www.sorbet.finance/dca" target="_blank">
     <img src="https://i.imgur.com/66yH4SO.png"
          alt="Gelato Dca Orders"
          style="width: 640px;"
     />
</a>

## Installation

`yarn add -D @gelatonetwork/dca-sdk`

or

`npm install --save-dev @gelatonetwork/dca-sdk`

### Need help?

Reach out to us on [Telegram](https://t.me/therealgelatonetwork), [Discord](https://discord.gg/ApbA39BKyJ) or [Twitter](https://twitter.com/gelatonetwork)
npm package: @gelatonetwork/smartwallet
Description: [DEPRECATED] Gelato SmartWallet: A Modern Account Abstraction SDK
Author: Gelato
Latest version: 0.1.0
Deprecated: This package is deprecated. Use @gelatocloud/gasless instead. See https://github.com/gelatodigital/gasless

# [DEPRECATED] @gelatonetwork/smartwallet

> **This package has been deprecated.** Use [`@gelatocloud/gasless`](https://www.npmjs.com/package/@gelatocloud/gasless) instead.
>
> - **New package:** [@gelatocloud/gasless](https://www.npmjs.com/package/@gelatocloud/gasless)
> - **New repository:** [github.com/gelatodigital/gasless](https://github.com/gelatodigital/gasless)
>
> This package will not receive further updates.
npm package: @gelatonetwork/smartwallet-react-dynamic
Description: [DEPRECATED] Context provider supporting Dynamic WaaS
Author: Gelato
Latest version: 1.0.0
Deprecated: This package is deprecated. Use @gelatocloud/gasless instead. See https://github.com/gelatodigital/gasless

# @gelatonetwork/smartwallet-react-dynamic

A React package that provides integration with Dynamic WaaS (Wallet-as-a-Service) for Gelato Smart Wallet.

## Features

- Dynamic WaaS integration for Gelato smart wallet management
- Connect button component for easy wallet connection
- Integration with wagmi for Web3 functionality

## Installation

```bash
pnpm add @gelatonetwork/smartwallet-react-dynamic
```

## Usage

### Provider Setup

```tsx
import { GelatoSmartWalletDynamicContextProvider } from '@gelatonetwork/smartwallet-react-dynamic';

function App() {
  return (
    <GelatoSmartWalletDynamicContextProvider
      settings={{
        waas: {
          appId: 'your-dynamic-app-id'
        },
        defaultChain: yourDefaultChain,
        wagmi: {
          config: yourWagmiConfig
        }
      }}
    >
      <YourApp />
    </GelatoSmartWalletDynamicContextProvider>
  );
}
```

### Using the Connect Button

```tsx
import { GelatoSmartWalletDynamicConnectButton } from '@gelatonetwork/smartwallet-react-dynamic';

function ConnectWallet() {
  return (
    <GelatoSmartWalletDynamicConnectButton>
      Connect Wallet
    </GelatoSmartWalletDynamicConnectButton>
  );
}
```

### Accessing Wallet Context

```tsx
import { useGelatoSmartWalletDynamicContext } from '@gelatonetwork/smartwallet-react-dynamic';

function YourComponent() {
  const { wagmi, logout, switchNetwork } = useGelatoSmartWalletDynamicContext();
  
  // Use the context values as needed
}
```
npm package: @gelatonetwork/smartwallet-react-privy
Description: [DEPRECATED] Context provider supporting Privy WaaS
Author: Gelato
Latest version: 1.0.0
Deprecated: This package is deprecated. Use @gelatocloud/gasless instead. See https://github.com/gelatodigital/gasless

# @gelatonetwork/smartwallet-react-privy

A React package that provides integration with Privy WaaS (Wallet-as-a-Service) for Gelato Smart Wallet.

## Features

- Privy WaaS integration for Gelato smart wallet management
- Connect button component for easy wallet connection
- Integration with wagmi for Web3 functionality

## Installation

```bash
pnpm add @gelatonetwork/smartwallet-react-privy
```

## Usage

### Provider Setup

```tsx
import { GelatoSmartWalletPrivyContextProvider } from '@gelatonetwork/smartwallet-react-privy';

function App() {
  return (
    <GelatoSmartWalletPrivyContextProvider
      settings={{
        waas: {
          appId: 'your-privy-app-id'
        },
        defaultChain: yourDefaultChain,
        wagmi: {
          config: yourWagmiConfig
        }
      }}
    >
      <YourApp />
    </GelatoSmartWalletPrivyContextProvider>
  );
}
```

### Using the Connect Button

```tsx
import { GelatoSmartWalletPrivyConnectButton } from '@gelatonetwork/smartwallet-react-privy';

function ConnectWallet() {
  return (
    <GelatoSmartWalletPrivyConnectButton>
      Connect Wallet
    </GelatoSmartWalletPrivyConnectButton>
  );
}
```

### Accessing Wallet Context

```tsx
import { useGelatoSmartWalletPrivyContext } from '@gelatonetwork/smartwallet-react-privy';

function YourComponent() {
  const { wagmi, logout, switchNetwork } = useGelatoSmartWalletPrivyContext();
  
  // Use the context values as needed
}
```
npm package: @gelatonetwork/smartwallet-react-sdk
Description: [DEPRECATED] Gelato SmartWallet React SDK
Author: Gelato
Latest version: 1.0.0
Deprecated: This package is deprecated. Use @gelatocloud/gasless instead. See https://github.com/gelatodigital/gasless

# @gelatonetwork/smartwallet-react-sdk

A unified React SDK for Gelato Smart Wallet that supports multiple WaaS providers.

## Features

- Unified interface for Dynamic and Privy WaaS providers
- Connect button component that works with any supported provider
- Simple configuration helpers for different providers

## Usage

### Provider Setup

```tsx
import { 
  GelatoSmartWalletContextProvider,
  dynamic,
  privy,
  wagmi 
} from '@gelatonetwork/smartwallet-react-sdk';

function App() {
  return (
    <GelatoSmartWalletContextProvider
      settings={{
        waas: dynamic('your-dynamic-app-id'), // or privy('your-privy-app-id')
        defaultChain: yourDefaultChain,
        wagmi: wagmi(yourWagmiConfig)
      }}
    >
      <YourApp />
    </GelatoSmartWalletContextProvider>
  );
}
```

### Using the Connect Button

```tsx
import { GelatoSmartWalletConnectButton } from '@gelatonetwork/smartwallet-react-sdk';

function ConnectWallet() {
  return (
    <GelatoSmartWalletConnectButton>
      Connect Wallet
    </GelatoSmartWalletConnectButton>
  );
}
```

### Accessing Wallet Context

```tsx
import { useGelatoSmartWalletProviderContext } from '@gelatonetwork/smartwallet-react-sdk';

function YourComponent() {
  const { gelato, wagmi, logout, switchNetwork, type } = useGelatoSmartWalletProviderContext();
  
  // Access the Gelato client through gelato.client
  const gelatoClient = gelato.client;
  
  // Example: Send a transaction
  const execute = async () => {
    if (!gelatoClient) return;
    
    const hash = await gelatoClient.execute({
        payment,
        calls: [
          {
            to: "0x0...",
            data: "0x0...",
            value: 0n
          }
        ]
      });
  };
}
```
npm package: @gelatonetwork/smartwallet-react-types
Description: [DEPRECATED] Common react types
Author: Gelato
Latest version: 1.0.0
Deprecated: This package is deprecated. Use @gelatocloud/gasless instead. See https://github.com/gelatodigital/gasless

# @gelatonetwork/smartwallet-react-types

Common TypeScript types for Gelato Smart Wallet React packages.
npm package: @gelatonetwork/smartwallet-react-wagmi
Description: [DEPRECATED] Wagmi provider for the Gelato Smartwallet
Author: Gelato
Latest version: 1.0.0
Deprecated: This package is deprecated. Use @gelatocloud/gasless instead. See https://github.com/gelatodigital/gasless

# @gelatonetwork/smartwallet-react-wagmi

Quickly utilize Gelato SmartWallet with Wagmi applications, without any complexity.

## Features

- Drop-in quick utilization
- Integration with wagmi

## Installation
```bash
pnpm add @gelatonetwork/smartwallet-react-wagmi
```

## Usage

Replace `useSendTransaction` and `useWaitForTransactionReceipt` from Wagmi with Gelato SmartWallet's to quickly
integrate Gelato SmartWallet with your Wagmi ready application inside `GelatoSmartWalletProvider` context wrapped with
`WagmiProvider`.

### Provider Setup

```tsx
import { GelatoSmartWalletProvider } from '@gelatonetwork/smartwallet-react-wagmi';

function App() {
  return (
    <WagmiProvider config={config}>
      <QueryClientProvider client={queryClient}>
        <GelatoSmartWalletProvider params={gelatoApiKey}>
          <YourApp />
        </GelatoSmartWalletProvider>
      </QueryClientProvider>
    </WagmiProvider>
  );
}
```

### Accessing Wallet Context

```tsx
import { sponsored } from "@gelatonetwork/smartwallet";
import {
  useSendTransaction,
  useWaitForTransactionReceipt
} from "@gelatonetwork/smartwallet-react-wagmi";

function YourComponent() {
  const {
    sendTransaction,
    data: taskId,
    isPending
  } = useSendTransaction({
    payment: sponsored()
  });

  const { data: receipt } = useWaitForTransactionReceipt({
    id: taskId
  });

  const sendTransactionCallback = useCallback(async () => {
    setTxError(undefined);
    sendTransaction({
        to: "0xd8da6bf26964af9d7eed9e03e53415d37aa96045",
        data: "0x1234"
      });
  }, [sendTransaction]);

  // use context as your needs
}
```