open-index/open-npm huggingface dataset:
npm package: 3tgkqpx1ap
Description: This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).
Latest version: 2.1.0

This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/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/basic-features/font-optimization) to automatically optimize and load Inter, a custom Google Font.

## 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/deployment) for more details.
npm package: 3thix-login-widget
Description: [![NPM Version](https://img.shields.io/npm/v/3thix-login-widget)](https://www.npmjs.com/package/3thix-login-widget)
Author: 3thix
Latest version: 1.5.0

# Login 3thix widget

[![NPM Version](https://img.shields.io/npm/v/3thix-login-widget)](https://www.npmjs.com/package/3thix-login-widget)

This library makes it easy to embed a login page into your JavaScript app with minimal effort.

<img src="https://github.com/3thix-integration/login-widget/blob/main/preview.png?raw=true" width="100%" height="auto" />

## Installing

```shell
npm install 3thix-login-widget
# OR
yarn add 3thix-login-widget
```

## Usage

```tsx
import LoginWidget from '3thix-login-widget';

const YourComponent = () => {
  function handleCallback(token: string) {
    // ...
  }

  return (
    <LoginWidget target='SANDBOX' callback={handleCallback} /> // target: PRODUCTION | SANDBOX
  )
}

export default YourComponent;
```

### Styling

```tsx
// ...
  return (
    <LoginWidget
      callback={handleCallback}
      onlySignUp={false} // show login scren first
      url={url}
      style={{
        BackgroundColor: '#d6d6f1',
        CardBackground: '#fff',
        TextColor: '#68679D',
        LinkColor: '#b8b8d7',
        ButtonBackground: '#24D07E',
        ButtonTextColor: '#FFFFFF',
        InputLabelColor: '#68679D',
        InputTextColor: '#68679D',
        InputBackground: '#efeff3',
        InputBorderColor: '#efeff3',
      }}
    />
  )
//...
```
npm package: 3thix-typescript-sdk
Description: [![NPM Version](https://img.shields.io/npm/v/3thix-typescript-sdk)](https://www.npmjs.com/package/3thix-typescript-sdk)
Author: 3thix
Latest version: 1.0.0

# 3thix typescript SDK

[![NPM Version](https://img.shields.io/npm/v/3thix-typescript-sdk)](https://www.npmjs.com/package/3thix-typescript-sdk)

## Installing

```shell
npm install 3thix-typescript-sdk
# OR
yarn add 3thix-typescript-sdk
```

## Example

```ts
import Client from '3thix-typescript-sdk';

const client = Client("sandbox", "<your-api-key>")

async function openNewPayment() {
  try {
    const resp = await client.createOrderPayment("1.00", "USD")
    const paymentUrl = resp.getPaymentUrl()

    const win = window.open(paymentUrl, '', 'popup=true');
    if (!win) return;

    win.resizeTo(550, 800);
  } catch (err) {
    console.error(err)
  }
}

openNewPayment()
```

## Interface
```ts
export interface SDK {
  invoiceGet(id: string): Promise<InvoiceGetResponse>;
  createOrderPayment(amount: string, currency: string): Promise<CreateOrderResponse>;
  createOrderPurchase(fulfillmentGameUserId: string, destinationCurrency: string, cart: Cart): Promise<CreateOrderResponse>;
  authorizeFulfillment(invoiceId: string): Promise<AuthorizeFulfillmentResponse>;
  getCampaigns(gameUserId: string): Promise<GetCampaignResponse>;
  syncUsersGame(req: SyncUsersReq): Promise<SyncUsersResponse>;
  createOrderFulfillment(amount: string, currency: string, rail: string, sourceAccountId: string, fulfillmentGameUserId: string): Promise<CreateOrderResponse>;
}
```
npm package: 3u0lvlgshe
Description: This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).
Latest version: 1.1.0

This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/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/basic-features/font-optimization) to automatically optimize and load Inter, a custom Google Font.

## 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/deployment) for more details.
npm package: 3ucetre9f8
Description: This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).
Latest version: 1.1.0

This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/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/basic-features/font-optimization) to automatically optimize and load Inter, a custom Google Font.

## 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/deployment) for more details.
npm package: 3vaibofohy
Description: This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).
Latest version: 2.1.0

This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/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/basic-features/font-optimization) to automatically optimize and load Inter, a custom Google Font.

## 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/deployment) for more details.
npm package: 3vbyq06j1lssbvjrabcl5i1edem06ois
Description: security holding package
Latest version: 0.0.1-security

# Security holding package

This package name is not currently in use, but was formerly occupied
by another package. To avoid malicious use, npm is hanging on to the
package name, but loosely, and we'll probably give it to you if you
want it.

You may adopt this package by contacting support@npmjs.com and
requesting the name.