open-index/open-npm huggingface dataset:
npm package: @jassisingh/react-masonry
Description: React component to create a responsive masonry layout.
Author: jassi-singh
Latest version: 1.0.5

# React masonry layout

React component to create a responsive masonry layout.

## Install

```sh
npm i @jassisingh/react-masonry
```

## Features

- Responsive, can add custom breakpoints for number of columns
- Works fine with dynamic height components.

## Usage

```jsx
<div style={{ padding: 16 }}>
  <Masonry
    padding={16}
    columnBreakPoints={{
      450: 2,
      750: 3,
      1050: 4,
    }}
  >
    {items.map((item) => (
      // Add div on you item component to make it work.
      <div key={item.id}>
        <Item deleteItem={handleDelete} {...item} />
      </div>
    ))}
  </Masonry>
</div>
```

## Example

To run the example app.

```sh
    cd example
    npm run dev
```

![](./images/demo.png)

![](./images/demo.gif)
npm package: @jastechno/common
Description: NestJS npm package starter
Author: Jasurbek Abdurakhmonov
Latest version: 1.0.0

<h1 align="center"></h1>

<div align="center">
  <a href="http://nestjs.com/" target="_blank">
    <img src="https://nestjs.com/img/logo_text.svg" width="150" alt="Nest Logo" />
  </a>
</div>

<h3 align="center">NestJS Common Helpers</h3>

<div align="center">
  <a href="https://nestjs.com" target="_blank">
    <img src="https://img.shields.io/badge/built%20with-NestJs-red.svg" alt="Built with NestJS">
  </a>
</div>

### Installation

1. Clone the repo
2. Run npm/yarn install

```bash
cd nestjs-common
npm install
```

## Change Log

See [Changelog](CHANGELOG.md) for more information.

## Contributing

Contributions welcome! See [Contributing](CONTRIBUTING.md).

## Author

**Jasurbek Abdurakhmonov (Y Prospect on [Discord](https://discord.gg/G7Qnnhy))**

## License

Licensed under the MIT License - see the [LICENSE](LICENSE) file for details.
npm package: @jasurbek2208/toboolean
Description: Lightweight utility to convert inputs to booleans, handling case-insensitive strings and edge cases
Author: Jasurbek Shomaqsudov
Latest version: 1.5.5

# @jasurbek2208/toboolean
Lightweight utility to convert inputs to booleans, handling case-insensitive strings and edge cases
## Install
```bash
npm install @jasurbek2208/toboolean
```
## Usage
```typescript
import { toBoolean, toBooleanOnly } from '@jasurbek2208/toboolean'
//More permissive:
toBoolean('true'|'str'|{a:2}|true|[1]|1)//true
toBoolean(' FalSE'|''|{}|[]|0|null|undefined)//false

//Strict string/boolean parsing:
toBooleanOnly('true'|true)//true
//the rest is false
```
## API
### `toBoolean(text: string | boolean | number | object | null | undefined): boolean`
- **Input**: String, boolean, number, object, array, `null`, or `undefined`
- **Returns**: `true` for `'true'` (case-insensitive), non-empty arrays/objects, or truthy non-strings; `false` otherwise
### `toBooleanOnly(text: string | boolean | null | undefined): boolean`
- **Input**: String, boolean, `null`, or `undefined`
- **Returns**: `true` if the input is the boolean `true` or the string `'true'` (case-insensitive); `false` otherwise
## Features
- Case-insensitive, trims whitespace
- Handles `null`,`undefined`, invalid inputs
- Lightweight
npm package: @jasurbekyuldashov/lms-web-icons
Description: Lms icons
Author: Jasurbek Yuldashov
Latest version: 0.2.12

# 🚀 Explore Our Icon Library

Discover a collection of beautifully designed icons to enhance your LMS experience.

🔗 [**Browse All Icons**](https://test.web-lms.inter-nation.uz/icons)

---

![LMS Icon Preview](https://dxppaagq87vsu.cloudfront.net/1/tfG-SxShDGGx40NfFxZFdc7Rcq_YQP2S.png)

---

## 💡 Tips for Use

- Perfect for dashboards, menus, and learning modules
- Available in **SVG** format
- Clean, consistent, and pixel-perfect design

---

## 🧑‍🎨 Want Custom Icons?

We’re always improving!  
Let us know if you'd like to request custom icons or themed designs.

---
npm package: @jaswantsandhu/jssignal
Description: Javascript Signals
Author: Jaswant Sandhu
Latest version: 0.1.1

# JSSignal

JSSignal is a lightweight JavaScript library for creating and managing custom signals and effects, making it easier to develop reactive applications with vanilla JavaScript or within a larger framework.

## Features

- **Simple API**: Easy to use and integrate.
- **Lightweight**: Minimal overhead, focusing solely on signals and effects.
- **Flexible**: Useful for a wide range of applications, from simple DOM manipulations to complex state management.

## Installation

To use JSSignal in your project, you can clone the repository or include it directly in your HTML.

### Clone the Repository

```bash
git clone https://github.com/jaswantsandhu/jssignal.git
cd jssignal
npm install
```

## Using in Your Project
After cloning and building the project, you can use the distribution files in your project.

### Usage
Start by importing JSSignal in your project:

```bash
import { signal, effect } from 'path/to/dist/jssignal';
```

### Creating a Signal
const mySignal = signal(10); // Initialize a signal with a value of 10

### Listening to Changes
```bash
effect(() => {
  console.log(`Signal value changed to: ${mySignal.get()}`);
}, [mySignal]);
```
### Changing the Signal Value
```bash
mySignal.set(20); // This will trigger the effect and log the new value
```

## Development
To run the JSSignal library locally for development:
```bash
npm run start
```

This will use nodemon and ts-node to run a demo application located at demo/application.ts.

### Building for Production

To build the library for production:

```bash
npm run build
```
This script cleans the dist directory and rebuilds the library using Webpack.

### Contributing

Contributions are welcome! Please feel free to submit a pull request or open an issue on GitHub.

### License

JSSignal is MIT licensed.

### Notes:
- **Customize Further**: You might want to add more sections depending on your library's complexity and features, such as API documentation, examples, or advanced configurations.
- **Keep Updated**: Ensure that the information in the README is up to date with your library's current state and capabilities.
- **Engage Your Users**: Consider adding a "Getting Help" section with links to resources or community channels if available.
npm package: @jaswinda/react-native-uvc-camera
Description: UVC Camera for RN
Author: jaswinda
Latest version: 0.2.8

# react-native-uvc-camera

UVC Camera component for Reat Native.

**Works only on Android!**


This is a wrapper for the [UVCAndroid](https://github.com/shiyinghan/UVCAndroid) library.

## Installation

```sh
npm install @jaswinda/react-native-uvc-camera
```

## Usage
```ts
import { UVCCamera } from "@jaswinda/react-native-uvc-camera";

// ...
const camera = useRef<UVCCamera>(null);

<UVCCamera ref={camera} style={styles.cameraView} />

const styles = StyleSheet.create({
  cameraView: {
    width: 200,
    height: 200,
  },
});
```

### Take photo
```
const photo = await camera.current?.takePhoto();
```

## R8 / ProGuard
If you are using R8 the shrinking and obfuscation rules are included automatically.

ProGuard users must manually add the below options.

```
-keep class com.herohan.uvcapp.** { *; }
-keep class com.serenegiant.usb.** { *; }
-keepclassmembers class * implements com.serenegiant.usb.IButtonCallback {*;}
-keepclassmembers class * implements com.serenegiant.usb.IFrameCallback {*;}
-keepclassmembers class * implements com.serenegiant.usb.IStatusCallback {*;}
```

## 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: @jaszhix/state
Description: Small state management library that handles dispatching callbacks on state change, or manual triggers
Author: Jason Hicks
Latest version: 1.0.4

# state

This is a small state management library that handles dispatching callbacks on state change, or manual triggers. Simplicity and performance are the main priorities for this library.

## Install

- `yarn add @jaszhix/state`

## Examples

### Basic Usage

```js
import init from '@jaszhix/state';

// Initialize the store
const state = init({foo: null});

// Setup the callback for 'foo' value change
const id = state.connect('foo', ({foo}) => {
  // Handle this property's value change
  console.log(foo); // 'bar'
});

state.set({foo: 'bar'});

// Later in the application lifecycle (e.g., when a component unmounts), you can disconnect the key from the callback queue.
state.disconnect(id);
```

### Manual Triggers

```js
import init from '@jaszhix/state';

// Initialize the store
const state = init({foo: null});

// Setup the callback for 'foo' value change
const id = state.connect({
  action1: (bool) => {
    // Handle the action
    console.log(bool); // true
  }
});

state.trigger('action1', true);
```

Check src/index.test.ts for more examples.

## Contributing

- `yarn`
- `yarn build`
- `yarn start`
npm package: @jatahworx/bad-charts
Description: This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 1.0.0.
Latest version: 1.0.10

# BadCharts

This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 1.0.0.

## Development server

Run `ng serve` for a dev server. Navigate to `http://localhost:4200/`. The app will automatically reload if you change any of the source files.

## Code scaffolding

Run `ng generate component component-name` to generate a new component. You can also use `ng generate directive/pipe/service/class/module`.

## Build

Run `ng build` to build the project. The build artifacts will be stored in the `dist/` directory. Use the `-prod` flag for a production build.

## Running unit tests

Run `ng test` to execute the unit tests via [Karma](https://karma-runner.github.io).

## Running end-to-end tests

Run `ng e2e` to execute the end-to-end tests via [Protractor](http://www.protractortest.org/).
Before running the tests make sure you are serving the app via `ng serve`.

## Further help

To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI README](https://github.com/angular/angular-cli/blob/master/README.md).
npm package: @jatango-ds/abrazo-web
Description: Reusable UI library with MUI, Apollo, and Storybook components
Latest version: 0.1.34

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.