open-index/open-npm huggingface dataset:
npm package: @geniusbase/sdk
Description: Official client SDK for GeniusBase BaaS — REST, Database and Realtime.
Latest version: 1.0.0

# GeniusBase Client SDK

Official client SDK for GeniusBase — the lightweight, high-performance BaaS (Backend-as-a-Service) built for Cloudflare Workers.

## Features

- **Auth**: Management of end-users, login and registration.
- **Database**: Fluent API for querying and manipulating data (Mini-Supabase style).
- **Realtime**: Subscribe to server-side events and updates.
- **Storage**: Manage files in Cloudflare R2 easily.
- **E-commerce**: Integrated Orders and Transactions modules.
- **Telemetry**: Custom event tracking.

## Installation

### Via NPM/Bun/Yarn

```bash
npm install @geniusbase/sdk
# or
bun add @geniusbase/sdk
```

### Via CDN (Browser)

```html
<script src="https://unpkg.com/@geniusbase/sdk"></script>
<script>
  const gb = GeniusBase.createClient('https://your-api.workers.dev', 'your-api-key');
</script>
```

## Quick Start

```typescript
import { createClient } from '@geniusbase/sdk'

const gb = createClient('https://myproject.workers.dev', 'sk_service_eyJ...')

// Auth
const { data: session } = await gb.auth.login('user@example.com', 'password')

// Database
const { data: products } = await gb.from('products')
  .select()
  .orderBy('price', 'desc')

// Realtime
gb.channel('chat')
  .on('message.new', (msg) => console.log('New message:', msg))
  .subscribe()
```

## Documentation

For full documentation, visit [geniusbase.dev/docs](https://geniusbase.dev/docs).

## License

MIT © [GeniusBase](https://geniusbase.dev)
npm package: @geniusbrother/nxt
Latest version: 1.0.0

# nxt



## QuickStart

```bash
$ npm install
$ npm test
```

publish your framework to npm, then change app's framework config:

```js
// {app_root}/index.js
{
  "name": "egg-showcase",
  "egg": {
    "framework": "yadan"
  }
}
```

## Questions & Suggestions

Please open an issue [here](https://github.com/eggjs/egg/issues).
npm package: @geniusdevs/react-native-code-input
Description: A React Native Component to have confirmation Code Inputs.
Author: Amirali Sadrzadeh
Latest version: 1.3.0

# React-Native-Code-Input

React-Native-Code-Input is an easy to use React Native Component for Confirmation Code Input.

## Features
- Fully Capable of customizing styles
- Change keyboard Type 
- Change Keyboard return key type
- Change number of inputs based on your confirmation code length
- handling different events

## Installation

use `npm` to install the package

```bash
npm install --save @geniusdevs/react-native-code-input
```

## Usage

```javascript
import {CodeInput} from '@geniusdevs/react-native-code-input';

const App = () => {
    return (
          <CodeInput/>
    );
};
```

## Props

### Attributes
| Attribute | Description | Default Value |
| --- | --- | --- |
| enabled | enables or disables the component | `true` |
| length | Number of Inputs | `6` |
| keyboardType | Keyboard type to show. <br/>Possible values are: <br/>- `default`<br/>- `number-pad`<br/>- `decimal-pad`<br/>- `numeric`<br/>- `email-address`<br/>- `phone-pad`| `numeric` |
| returnKeyType | Determines how the return key should look.<br/>Possible values are: <br/>- `done`<br/>- `go`<br/>- `next`<br/>- `search`<br/>- `send`  | `done` |
| inputContainerStyle | Style of the each input `View` container | {} |
| containerStyle | Style of the `View` container | {} |
| inputStyle | Style of each `TextInput`  | {} |
| focusedInputStyle | Style of the container of focused `TextInput`  | {borderBottomColor: 'green'} |

### Events
| Event | Description |
| --- | --- |
| onValueChange | An event to get the value of inputs as a `string` |
| onClick | This event is called whenever one of the inputs is touched |
| onKeyPress | This event is called whenever a keyboard button is pressed |
| onFinish | This event is called whenever the whole code is entered.<br/>This event is useful when you want to verify the code as soon as the last digit in entered. |


## Contributing
Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

## License
[MIT](https://choosealicense.com/licenses/mit/)
npm package: @geniussoft/use-hooks
Description: Reusable React Hooks from useHooks.com and other online resources
Author: Chathu Vishwajith
Latest version: 0.0.10

# useHooks

![npm](https://img.shields.io/npm/dm/@geniussoft/use-hooks?style=flat-square)
![NPM](https://img.shields.io/npm/l/@geniussoft/use-hooks?style=flat-square)
![npm bundle size](https://img.shields.io/bundlephobia/min/@geniussoft/use-hooks?style=flat-square)
![npm type definitions](https://img.shields.io/npm/types/@geniussoft/use-hooks?style=flat-square)
![npm](https://img.shields.io/npm/v/@geniussoft/use-hooks?style=flat-square)

Collection of reusable hooks gathered from useHooks.com and internet.

## Requirement

To use this collection, you must use `react@16.8.0` or greater which includes Hooks.

## Install

```
yarn add @geniussoft/use-hooks
```

## useLocalStorage

Importing module to your project

```es6
import { useLocalStorage } from '@geniussoft/use-hooks';
```

Usage

```es6
const App = () => {
    // Similar to useState but first arg is key to the value in local storage.
    const [name, setName] = useLocalStorage('name', 'Bob');

    return (
        <div>
            <input type="text" placeholder="Enter your name" value={name} onChange={(e) => setName(e.target.value)} />
        </div>
    );
};
```

## useKeyPress

Importing module to your project

```es6
import { useKeyPress } from '@geniussoft/use-hooks';
```

Usage

```es6
const App=()=> {
    // Call our hook for each key that we'd like to monitor
    const happyPress = useKeyPress('h');
    const sadPress = useKeyPress('s');
    const robotPress = useKeyPress('r');
    const foxPress = useKeyPress('f');

  return (
    <div>
      <div>h, s, r, f</div>
      <div>
        {happyPress && '😊'}
        {sadPress && '😢'}
        {robotPress && '🤖'}
        {foxPress && '🦊'}
      </div>
    </div>
}

```

## useInterval

Source from [Dan Dan Abramov's blog post](https://overreacted.io/making-setinterval-declarative-with-react-hooks/)

Importing module to your project

```es6
import { useInterval } from '@geniussoft/use-hooks';
```

```es6
useInterval(() => {
    setTime(dateTime);
}, 1000);
```

---

A Project by [Genius Soft Pvt Ltd](http://www.officialgenius.com/).

Maintained by [Chathu Vishwajith](https://github.com/iamchathu).
npm package: @geniustony/react-native-9patch-image
Description: This native module supports of using 9-patch drawable resources`
Author: geniustony
Latest version: 0.1.0

# React Native 9patch image

<a href="https://www.npmjs.com/package/react-native-9patch-image"><img src="https://img.shields.io/npm/v/react-native-9patch-image.svg"></a>

This module supports of using native 9patch drawables from Android and capInsets from iOS.


## Getting started

Install native module
```
$ npm i --save react-native-9patch-image
```

Link native module with your project
```
$ react-native link react-native-9patch-image
```

Add component to your project
```javascript
import NinePatchView from 'react-native-9patch-image';

<NinePatchView
  source={{ 'uri': 'bubble' }}
  style={{ width: 100, height: 100 }}
  />
```
npm package: @geniustony/react-native-image-capinsets
Description: android support for Image `capInsets`. Continued development under RN 0.60 react-native-imagecapinsets package.
Author: GeniusTony
Latest version: 0.1.5

# React Native ImageCapInset
Support Image capInsets for Android

## Example

```javascript
import ImageCapInset from 'rn-imagecapinsets';

import BubbleImage from './images/bubble.png';

<ImageCapInset source={BubbleImage}
               capInsets={{ top: 8, right: 8, bottom: 8, left: 8 }} />
```

## Credits

Continued development under RN 0.60
[react-native-image-capinsets](https://github.com/GeniusTony/react-native-imagecapinsets)
package.