open-index/open-npm huggingface dataset:
npm package: @rahulrajdahal/notr-debounce-input
Description: Debounce input component for notr app
Author: Rahul Raj Dahal
Latest version: 0.0.2

# Notr Debounce Input

Debounce Input component from notr-ui

## Installation

```bash
npm i @rahulrajdahal/notr-debounceInput
```

## Usage

```tsx
import { useState } from "react";
import { DebounceInput } from "@rahulrajdahal/notr-debounceInput";

export default function Component() {
  const [value, setValue] = useState("");

  return (
    <DebounceInput
      value={value}
      onChange={(val) => setValue(val)}
      delay={800}
    />
  );
}
```

## Props

| Prop     | Type              | Description                                      | Default |
| -------- | ----------------- | ------------------------------------------------ | ------- |
| value    | `string`          | Value for the input                              | -       |
| onChange | `function():void` | Callback function when the input changes         | -       |
| delay    | `number`          | delay _(in ms)_ for the onChange function to run | 500ms   |

Made with 💝 in Bhaktapur, Nepal
npm package: @rahulrajdahal/notr-input
Description: Input component for notr app
Author: Rahul Raj Dahal
Latest version: 0.0.2

# Notr Input

Input component from notr-ui

## Installation

```bash
npm i @rahulrajdahal/notr-input
```

## Usage

```tsx
import { Input } from "@rahulrajdahal/notr-input";

export default function Component() {
  return <Input label={"Notr Input"} />;
}
```

## Props

| Prop       | Type                  | Description                      | Default |
| ---------- | --------------------- | -------------------------------- | ------- |
| label      | `string`              | Label for the input              | -       |
| labelProps | `ReactComponentProps` | Props component of label element | -       |
| inputProps | `ReactComponentProps` | Props component of label element | -       |
| errors     | `string[]`            | Errors in the input component    | -       |

Made with 💝 in Bhaktapur, Nepal
npm package: @rahulrajdahal/notr-password-input
Description: Password Input component for notr app
Author: Rahul Raj Dahal
Latest version: 0.0.2

# Notr Password Input

Password Input component from notr-ui

## Installation

```bash
npm i @rahulrajdahal/notr-passwordInput
```

## Usage

```tsx
import { PasswordInput } from "@rahulrajdahal/notr-passwordInput";

export default function Component() {
  return <PasswordInput label={"Notr Input"} />;
}
```

## Props

| Prop           | Type                  | Description                              | Default |
| -------------- | --------------------- | ---------------------------------------- | ------- |
| label          | `string`              | Label for the input                      | -       |
| forgotPassword | `{href:string}`       | Link to navigate to forgot password page | -       |
| labelProps     | `ReactComponentProps` | Props component of label element         | -       |
| inputProps     | `ReactComponentProps` | Props component of label element         | -       |
| errors         | `string[]`            | Errors in the input component            | -       |

Made with 💝 in Bhaktapur, Nepal
npm package: @rahulrajdahal/notr-pill
Description: Pill component for notr app
Author: Rahul Raj Dahal
Latest version: 0.0.2

# Notr Pill

Pill component from notr-ui

## Installation

```bash
npm i @rahulrajdahal/notr-pill
```

## Usage

```tsx
import { Pill } from "@rahulrajdahal/notr-pill";

export default function Component() {
  return <Pill count={3} text={"Complete"} />;
}
```

## Props

| Prop       | Type        | Description                            | Default |
| ---------- | ----------- | -------------------------------------- | ------- |
| count      | `number`    | Count for tasks                        | -       |
| text       | `string`    | Label of the pill                      | -       |
| icon       | `ReactNode` | Prefix icon component                  | -       |
| background | `string`    | Background color of the pill component | -       |
| color      | `string`    | Text color of the pill component       | -       |

Made with 💝 in Bhaktapur, Nepal
npm package: @rahulrajdahal/notr-ui
Description: UI components for notr app
Author: Rahul Raj Dahal
Latest version: 0.0.2

# Notr UI

Notr UI is a collection of beautifully designed React components
and utilities

## 🚀 Features

✅ Modern & Clean Design - Built and polished, consistent aesthetic

✅ Typescript Support - Fully typed for better dev experience

## Quick Start

## Installation

```bash
npm i @rahulrajdahal/notr-ui
```

## Usage

```tsx
import { Pill, Button } from "@rahulrajdahal/notr-ui";

export default function Component() {
  return (
    <div>
      <Button>Notr Button</Button>
      <Pill count={3} text={"Complete"} />
    </div>
  );
}
```

## Components

| Component      | Description                                                                   |
| -------------- | ----------------------------------------------------------------------------- |
| Button         | Fully customizable buttons with disable states                                |
| Input          | Fully customizable inputs with error states                                   |
| Debounce Input | Fully customizable inputs smart debounce and delays                           |
| Password Input | Fully customizable password inputs smart, toggle between text and secret text |
| Pill           | Fully customizable pills                                                      |

### Why Use This Library?

- **✔Faster Development** - Pre-built, production-ready components
- **✔Consistent UX** - Unified design across projects
- **✔Optimized Performance** - Essential UI without bloat.

Made with 💝 in **Bhaktapur, Nepal**
npm package: @rahulrajsb/react-native-keepawake
Description: A React Native package that prevents the screen from going to sleep while your app is active. Works for both iOS and Android.
Author: Rahul Raj
Latest version: 0.2.1

# @rahulrajsb/react-native-keepawake

A React Native package that prevents the screen from going to sleep while your app is active. Works for both iOS and Android.

## Installation

```sh
yarn add @rahulrajsb/react-native-keepawake
```

OR

```sh
npm install @rahulrajsb/react-native-keepawake
```

## Usage

### Android Setup

Add the following permission to your AndroidManifest.xml:

```xml
<uses-permission android:name="android.permission.WAKE_LOCK" />
```

## Usage

```javascript
import {
  activateWakelock,
  deactivateWakelock,
} from '@rahulrajsb/react-native-keepawake';

// Keep the screen awake
activateWakelock();

// Allow the screen to sleep
deactivateWakelock();
```

### Example

```javascript
import React, { useEffect } from 'react';
import { View, Button } from 'react-native';
import {
  activateWakelock,
  deactivateWakelock,
} from '@rahulrajsb/react-native-keepawake';

function VideoPlayer() {
  useEffect(() => {
    // Activate keep awake when component mounts
    activateWakelock();

    // Deactivate when component unmounts
    return () => {
      deactivateWakelock();
    };
  }, []);

  return <View>{/* Your video player component */}</View>;
}
```

## API Reference

### `activateWakelock()`

Prevents the screen from going to sleep. The screen will remain on until `deactivateWakelock()` is called.

### `deactivateWakelock()`

Allows the screen to go to sleep following the device's normal behavior.

## Common Use Cases

- Video players
- Navigation apps
- Reading apps
- Games
- Presentation apps

## Contributing

See the [contributing guide](CONTRIBUTING.md) to learn how to contribute to the repository and the development workflow.

## License

MIT

---

Made with [create-react-native-library](https://github.com/callstack/react-native-builder-bob)
npm package: @rahulrawat03/mustate
Description: It is a minimalist state management library that exposes only two entities.
Author: Rahul Rawat
Latest version: 1.0.3

# MuState (Simple State Management Library)

It is a minimalist state management library that exposes only two entities.

- createStore()
- useStore()

### createStore(object: object)

This method accepts an object and returns a store with trackable properties.

```js
const counterStore = createStore({
  count: 0,
  shape: "triangle",
});
```

### useStore(observables: Observable[])

```js
  Observable : {
    store: <store>,
    include: string[] // [Optional] Properties to observe
    exclude: string[] // [Optional] Properties to avoid while observing
  }
```

- If none of the `include` and `exclude` is provided, all of the store proeprties are observed.

```js
// Container of counter
function Container() {
  useStore([
    {
      store: counterStore,
      include: ["shape"], // Track the "shape" property of "counterStore" and only re-render if it changes
    },
  ]);

  return <ShapedContainer shape={counterStore.shape} />;
}
```

```js
// Counter
function Counter() {
  useStore([
    {
      store: counterStore,
      exclude: ["shape"], // Track all the properties of "counterStore" except "shape"
    },
  ]);

  const handleShapeChange = () => {
    if (counterStore.count % 3 === 0 && counterStore.count % 5 === 0) {
      counterStore.shape = Shape.circle;
    } else if (counterStore.count % 3 === 0) {
      counterStore.shape = Shape.triangle;
    } else {
      counterStore.shape = Shape.square;
    }
  };

  const handleIncrement = () => {
    counterStore.count++;
    handleShapeChange();
  };

  const handleDecrement = () => {
    counterStore.count--;
    handleShapeChange();
  };

  return (
    <>
      <Count count={counterStore.count} />
      <Button onClick={handleIncrement} />
      <Button onClick={handleDecrement} />
    </>
  );
}
```

Change in `count` only triggers the rebuild of `Counter` while the `Container` component remains unaffected till `shape` changes since it only observes `shape` property of the store.  
This behaviour makes it different from `React Context` where all the consumers update when the context updates regardless of whether they are listening to the changes or not.
npm package: @rahulshah63/uniswap-v2-sdk-scroll
Description: 🛠 An SDK for building applications on top of Uniswap (support for Scroll).
Latest version: 1.0.0------

# Uniswap SDK

[![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat-square)](https://github.com/prettier/prettier)
[![Actions Status](https://github.com/Uniswap/uniswap-sdk/workflows/CI/badge.svg)](https://github.com/Uniswap/uniswap-sdk)
[![npm version](https://img.shields.io/npm/v/@uniswap/sdk/latest.svg)](https://www.npmjs.com/package/@uniswap/sdk/v/latest)
[![npm bundle size (scoped version)](https://img.shields.io/bundlephobia/minzip/@uniswap/sdk/latest.svg)](https://bundlephobia.com/result?p=@uniswap/sdk@latest)

In-depth documentation on this SDK is available at [uniswap.org](https://uniswap.org/docs/v2/SDK/getting-started/).

## Running tests

To run the tests, follow these steps. You must have at least node v10 and [yarn](https://yarnpkg.com/) installed.

First clone the repository:

```sh
git clone https://github.com/rahulshah63/uniswap-v2-sdk-scroll.git
```

Move into the uniswap-v2-sdk-scroll working directory

```sh
cd uniswap-v2-sdk-scroll/
```

Install dependencies

```sh
yarn install
```

Run tests

```sh
yarn test
```

You should see output like the following:

```sh
yarn run v1.22.4
$ tsdx test
 PASS  test/constants.test.ts
 PASS  test/pair.test.ts
 PASS  test/fraction.test.ts
 PASS  test/miscellaneous.test.ts
 PASS  test/entities.test.ts
 PASS  test/trade.test.ts

Test Suites: 1 skipped, 6 passed, 6 of 7 total
Tests:       3 skipped, 82 passed, 85 total
Snapshots:   0 total
Time:        5.091s
Ran all test suites.
✨  Done in 6.61s.
```