open-index/open-npm huggingface dataset:
npm package: @ginger-ai/ginger-react-native
Description: Device fingerprinting library using react native
Author: Enoma Victor Osasenaga
Latest version: 0.0.6

# ginger-react-native

Device fingerprinting library using react native

## Installation

Using [npm](https://npmjs.org):

```sh
npm install @ginger-ai/ginger-react-native
```

Using [yarn](https://yarnpkg.com):

```sh
yarn add @ginger-ai/ginger-react-native
```

Using [pnpm](https://pnpm.js.org):

```sh
pnpm add @ginger-ai/ginger-react-native
```

## Usage

To get started, you need to be part of an organization, see the [Joining an organization quick Start Guide](#).
Join your organization and get a PUBLIC_APIKEY.

### 1. Wrap your application root component in `GingerRNProvider`

- Set `apikey` to your GINGER-AI [Public API Key](#).

```jsx
import { GingerRNProvider } from '@ginger-ai/ginger-react-native';

function App() {
  return (
    <GingerRNProvider
      config={{
        apikey: PUBLIC_API_KEY,
      }}
    >
      <YourApp />
    </GingerRNProvider>
  );
}
```

### 2. Initialize SDK once in a root component

> The initialization function is the entrypoint into the SDK. You must initialize it at a root component so that you can use other hooks

```tsx
import { useGinger } from '@ginger-ai/ginger-react-native';

function YourApp() {
  const { initialize, data, error, loading } = useGinger();

  useEffect(() => {
    const initializeGingerClient = async () => {
      try {
        await initialize();
      } catch (e) {
        console.error(e);
      }
    };
    initializeGingerClient();
  });
}
```

### 3. Track event using the useEvent hook

After a successful initialization process, you can track event in any child component

```tsx
const { register, submitEvent, tracker } = useEvent({
  event_type: 'login',
  request_id: '',
  track_fields: [
    { id: 'password', ltm: true },
    { id: 'email', ltm: true },
  ],
});
```

Register the tracked fields in the component

```tsx
// Basic registration
<TextInput {...register('email')} />

// With an additional custom handler
<TextInput
  {...register('email', {
    onChangeText: (text: any) => handleInputChange(text, 'email'),
  })}
  value={formFields.email}
/>
```

Use `tracker` to see the current values being tracked
Use `submitEvent` to submit the tracked data

## Contributing

See the [contributing guide](CONTRIBUTING.md) to learn how to contribute to the repository and the development workflow.
npm package: @ginger-society/ginger-book
Description: You can develop and share react components using this package.
Author: Ginger Society
Latest version: 4.7.0

# Ginger book

You can develop and share react components using this package.

Website : https://www.gingersociety.org/products/ginger-book

Docs : https://docs.gingersociety.org/docs/ginger-book/
npm package: @ginger-society/ginger-ui
Description: UI library for react
Latest version: 0.124.0

# GingerUI is a react UI library

to install the dependencies

```sh
pnpm i
```

To develop :

```sh
pnpm book
```

Notices:

Uber, BaseWeb is a registered trademark of Uber Inc

Any other name used in this project are registered trademark of thier respective owners. If we missed to mention your name, please let us know and we will fix it right away
npm package: @gingerhendrix/eslint-plugin-react-intl
Description: Eslint utils to add checks for react-intl usages.
Author: GoDaddy Operating Company, LLC
Latest version: 1.3.1

# Fork of @godaddy/eslint-plugin-react-intl

Validation of locale ids used with react-intl functions/components like `<FormattedMessage />`, `formatMessage` and `defineMessages`.

Forked to provide support for nested json in translation files and dotted keys.

## Installation

You'll first need to install [ESLint](http://eslint.org):

```
$ npm install eslint --save-dev
```

Next, install `@godaddy/eslint-plugin-react-intl`:

```
$ npm install @godaddy/eslint-plugin-react-intl --save-dev
```

**Note:** If you installed ESLint globally (using the `-g` flag) than you must also install `@godaddy/eslint-plugin-react-intl` globally.

## Usage

Add `@godaddy/react-intl` to the config. You can omit the `eslint-plugin-` prefix:
```json
{
  "extends": ["godaddy/react-intl"]
}
```

Alternatively, you can add `@godaddy/react-intl` to the plugins section of config:

```json
{
    "plugins": [
        "@godaddy/react-intl"
    ]
}
```

By default, `id-missing` and `no-default` rules are enabled to show as errors, and `id-prefix` rule is disabled.
If you need to set any of these rules differently, then configure the rules under the rules section.

```json
{
    "rules": {
        "@godaddy/react-intl/<rule-name>": 2
    }
}
```

By default, the plugin reads `locales/en-US.json` to apply these eslint rules. The default can be
changed by adding this setting to the config

```json
{
    "settings": {
        "localeFiles": [
            "<path to locale file.json>",
            "<path to any other locale file.json>"
        ]
    }
}
```

If your IDE integrates with eslint, and you are working on multiple packages in a project such as a monorepo,
then it may have trouble finding which locale files to check keys against.
To help with this, you can specify the `projectRoot` setting.
This will need to be an absolute path to the package, which can be determined dynamically from one machine to
another by using `__dirname` in a .eslintrc.js file.

```js
module.exports = {
    "settings": {
        "projectRoot": __dirname
    }
}
```

## Locale Files

The locale files should be named with their market id (like en-US.json) and should contain data
in key-value pair format

```json
{
  "in_a_example": "Example",
  "in_a_another_example": "Another Example"
}
```


## Supported Rules

* [id-missing](docs/rules/id-missing.md) Enforces react-intl message ids to be in locale file
* [id-prefix](docs/rules/id-prefix.md) Enforces react-intl message ids to use predefined prefixes
* [no-default](docs/rules/no-default.md) Disallows use of defaultMessage with react-intl
npm package: @gingerhendrix/plouffe-rays
Description: React components to draw catacaustic curves on the unit circle
Author: gingerhendrix
Latest version: 1.0.0

# @gingerhendrix/plouffe-rays

> React components to draw catacaustic curves on the unit circle

[![NPM](https://img.shields.io/npm/v/@gingerhendrix/plouffe-rays.svg)](https://www.npmjs.com/package/@gingerhendrix/plouffe-rays) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)

## Install

```bash
npm install --save @gingerhendrix/plouffe-rays
```

## Usage

```tsx
import * as React from 'react'

import MyComponent from '@gingerhendrix/plouffe-rays'

class Example extends React.Component {
  render () {
    return (
      <MyComponent />
    )
  }
}
```

## License

MIT © [gingerhendrix](https://github.com/gingerhendrix)
npm package: @gingerhendrix/react-animation-controls
Description: React component for controlling animations 
Author: gingerhendrix
Latest version: 1.0.0

# @gingerhendrix/react-animation-controls

> React component for controlling animations

[![NPM](https://img.shields.io/npm/v/@gingerhendrix/react-animation-controls.svg)](https://www.npmjs.com/package/@gingerhendrix/react-animation-controls) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)

## Install

```bash
npm install --save @gingerhendrix/react-animation-controls
```

## Usage

```tsx
import * as React from 'react'

import AnimationControls from '@gingerhendrix/react-animation-controls'
import 'rc-slider/assets/index.css';

export default class App extends Component {
  render () {
    return (
      <div>
        <AnimationControls />
      </div>
    )
  }
}
```

## License

MIT © [gingerhendrix](https://github.com/gingerhendrix)
npm package: @gingerhendrix/use-interval-timer
Description: React hook for interval based timer
Author: gingerhendrix
Latest version: 1.0.0

# @gingerhendrix/use-interval-timer

React hook for interval based timer

[![NPM](https://img.shields.io/npm/v/@gingerhendrix/use-interval-timer.svg)](https://www.npmjs.com/package/@gingerhendrix/use-interval-timer)

## Install

```bash
npm install --save @gingerhendrix/use-interval-timer
```

## Usage

```tsx
import * as React from 'react'

import useIntervalTimer from '@gingerhendrix/use-interval-timer'

const Example = () => {
  const {tick} = useIntervalTimer({interval: 100, maxTicks: 200})
  return (
    <div>
      {tick}
    </div>
  )
}
```

## License

MIT © [gingerhendrix](https://github.com/gingerhendrix)

---

This hook is created using [create-react-hook](https://github.com/hermanya/create-react-hook).
npm package: @gingerman960/modal-template
Description: A modal schematics
Author: gingerman960
Latest version: 1.1.0

# Getting Started With Schematics

This repository is a basic Schematic implementation that serves as a starting point to create and publish Schematics to NPM.

### Testing

To test locally, install `@angular-devkit/schematics-cli` globally and use the `schematics` command line tool. That tool acts the same as the `generate` command of the Angular CLI, but also has a debug mode.

Check the documentation with
```bash
schematics --help
```

### Unit Testing

`npm run test` will run the unit tests, using Jasmine as a runner and test framework.

### Publishing

To publish, simply do:

```bash
npm run build
npm publish
```

That's it!
npm package: @gingham/sdk
Description: Gingham Pay React SDK - A modern payment modal for cryptocurrency transactions
Author: Gingham Pay
Latest version: 0.1.3

# Gingham Pay React SDK

A modern, lightweight React SDK for integrating Gingham Pay cryptocurrency payments into your applications.

## Installation

```bash
yarn add @gingham/sdk
```

## Quick Start

### Option 1: All-in-one Component (Recommended)

```tsx
import React from 'react';
import { GinghamPayment } from '@gingham/sdk';

function App() {
  return (
    <GinghamPayment
      config={{
        theme: 'dark',
        currency: 'USDC',
        modalTitle: 'Complete Payment',
      }}
    >
      {(gingham) => (
        <div>
          <button
            onClick={() =>
              gingham.openModal({
                total: '25.00',
                description: 'Premium subscription',
                items: [
                  { name: 'Monthly Plan', price: '25.00' },
                ],
              })
            }
          >
            Pay with Crypto
          </button>
        </div>
      )}
    </GinghamPayment>
  );
}
```

### Option 2: Individual Components

```tsx
import React from 'react';
import { 
  GinghamProvider, 
  GinghamModal, 
  useGingham 
} from '@gingham/sdk';

function PaymentComponent() {
  const gingham = useGingham({
    theme: 'dark',
    currency: 'USDC',
  });

  return (
    <>
      <button
        onClick={() =>
          gingham.openModal({
            total: '25.00',
            description: 'Premium subscription',
          })
        }
      >
        Pay with Crypto
      </button>

      <GinghamModal
        isOpen={gingham.isModalOpen}
        onClose={gingham.closeModal}
        onPaymentStart={gingham.handlePaymentStart}
        onPaymentComplete={gingham.handlePaymentComplete}
        total={gingham.checkoutOptions.total}
        currency={gingham.config.currency}
        description={gingham.checkoutOptions.description}
      />
    </>
  );
}

function App() {
  return (
    <GinghamProvider>
      <PaymentComponent />
    </GinghamProvider>
  );
}
```

## API Reference

### Configuration Options

```typescript
interface GinghamConfig {
  theme?: 'light' | 'dark';
  currency?: string;
  modalTitle?: string;
  primaryColor?: string;
  test_mode?: boolean;
  public_api_key?: string;
  api_url?: string;
}
```

### Checkout Options

```typescript
interface CheckoutOptions {
  total?: string;
  currency?: string;
  description?: string;
  items?: CheckoutItem[];
  modalTitle?: string;
  cancelButtonText?: string;
  onModalOpen?: () => void;
  onPaymentStart?: () => void;
  onPaymentComplete?: (result: any) => void;
  onModalClose?: () => void;
  merchantId?: string;
  orderId?: string;
}
```

## Features

- 🚀 Modern React components with TypeScript support
- 🎨 Customizable themes and styling
- 💰 Cryptocurrency payments via Coinbase OnchainKit
- 📱 Responsive design
- 🔧 Simple integration
- 📦 Tree-shakeable exports

## Development

```bash
# Install dependencies
yarn install

# Build the SDK
yarn build

# Run in watch mode
yarn dev

# Lint code
yarn lint
```

## License

MIT
npm package: @gingkoo/pandora-cli
Description: 为了方便直接采用 commonJs 规范编写
Author: wei.wang1@gingkoo.com
Latest version: 0.0.7

# pandora-cli

为了方便直接采用 commonJs 规范编写

## 安装

建议全局安装

```bash
npm i @gingkoo/pandora-cli -g
```

## 命令

全局安装完 可通过 `pandora --help` 查看可用命令