open-index/open-npm huggingface dataset:
npm package: @riturai/chop
Description: Render HTML after replacing variables with value
Latest version: 2.0.4

# chop


#Introduction
This package can be used to render dynamic template. It returns a function and when function is called using a data object, it will replace keys of object found in template with value and return updated template.


#Limitation
As of now, it only supports string and number data type. It will throw error for other data types.


# Usage

`npm i @riturai/chop`

`const template = require('@riturai/chop/template.chop');`

`console.log(template({ username: 'Morty', age: 12 }));`
npm package: @rituraj-yactraq/rollup-plugin-tailwindcss
Description: Bundle Tailwind CSS stylesheet as a Rollup asset
Author: Alex Dilley
Latest version: 1.0.0

# rollup-plugin-tailwindcss

Bundle Tailwind CSS stylesheet as a [Rollup](https://rollupjs.org/) asset.

## Install

```sh
npm i --save-dev rollup-plugin-tailwindcss # or yarn add -D rollup-plugin-tailwindcss
```

## Usage

```js
// rollup.config.js
import tailwind from 'rollup-plugin-tailwindcss';

export default {
  plugins: [
    tailwind({
      input: 'path/to/entry.css', // required
      // Tailor the emitted stylesheet to the bundle by removing any unused CSS
      // (highly recommended when packaging for distribution).
      purge: false,
    }),
  ],
};
```

## License

[MIT](https://github.com/alexdilley/rollup-plugin-tailwindcss/blob/master/LICENSE)
npm package: @ritusood/rs-klass-css
Description: A lightweight utility-first CSS framework with rs- prefixed classes.
Author: Ritu Sood
Latest version: 1.0.4

# RS klass CSS

A lightweight utility-first CSS framework with `rs-` prefixed classes.

## Install

```bash
npm install @ritusood/rs-klass-css
```

## Usage

### In JavaScript / React / Vite

```js
import "@ritusood/rs-klass-css/dist/rs-klass.css";
```

### In HTML

```html
<link rel="stylesheet" href="node_modules/@ritusood/rs-klass-css/dist/rs-klass.css">
```

## Example

```html
<button class="rs-bg-blue rs-text-white rs-px-6 rs-py-3 rs-rounded rs-font-semibold">
  Hello RitKlass
</button>
```

## Features

- Utility-first CSS
- `rs-` prefixed classes
- Lightweight
- Conflict-free naming
- Easy to use

## Live Demo
👉 https://my-tailwind-utility.vercel.app/

![alt text](/src/assest/image.png)

## License

MIT
npm package: @rituvesh/demo_pkg
Description: Demo package
Latest version: 1.0.4

# demo_pkg
demo_pkg


# @rituvesh/demo_pkg

[![npm (scoped)](https://img.shields.io/npm/v/@rituvesh/demo_pkg.svg)](https://www.npmjs.com/package/@rituvesh/demo_pkg)
[![npm bundle size (minified)](https://img.shields.io/bundlephobia/min/@rituvesh/demo_pkg.svg)](https://www.npmjs.com/package/@rituvesh/demo_pkg)

Demo return 
## Install

```
$ npm install @rituvesh/demo_pkg
```

## Usage

```js
const demoPkg = require("@rituvesh/demo_pkg");

demoPkg();
//=> "Hi!, return from demo_pkg"


```
#### run below commands to create very basic npm package
##### login to your npm account
```js
npm adduser
npm login
```
##### Create basic files and directory 
```js
mkdir demo_pkg
cd demo_pkg
touch package.json
```
##### add below to package.json 
```
{
  "name": "@rituvesh/demo_pkg",
  "version": "1.0.0"
}
```
##### finally publish it public
``` 
npm publish --access=public
```

##### and see the package at 

[demo_pkg](https://www.npmjs.com/package/@rituvesh/demo_pkg)
npm package: @rituvesh/gpr_demo
Description: Demo package
Latest version: 1.0.8

# gpr_demo
gpr_demo


# @rituvesh/gpr_demo

[![npm (scoped)](https://img.shields.io/npm/v/@rituvesh/gpr_demo.svg)](https://www.npmjs.com/package/@rituvesh/gpr_demo)
[![npm bundle size (minified)](https://img.shields.io/bundlephobia/min/@rituvesh/gpr_demo.svg)](https://www.npmjs.com/package/@rituvesh/gpr_demo)

Demo return 
## Install

```
$ npm install @rituvesh/gpr_demo
```

## Usage

```js
const demoPkg = require("@rituvesh/gpr_demo");

demoPkg();
//=> "Hi!, return from gpr_demo"


```
#### run below commands to create very basic npm package
##### login to your npm account
```js
npm adduser
npm login
```
##### Create basic files and directory 
```js
mkdir gpr_demo
cd gpr_demo
touch package.json
```
##### add below to package.json 
```
{
  "name": "@rituvesh/gpr_demo",
  "version": "1.0.0"
}
```
##### finally publish it public
``` 
npm publish --access=public
```

##### and see the package at 

[gpr_demo](https://www.npmjs.com/package/@rituvesh/gpr_demo)
npm package: @rituzangle/use-latest-callback
Description: React hook that returns the latest callback without changing the reference
Author: Satyajit Sahoo
Latest version: 1.0.1

# use-latest-callback

React hook which returns the latest callback without changing the reference.

This is useful for scenarios such as event listeners where you may not want to resubscribe when the callback changes.

## Installation

Open a Terminal in the project root and run:

```sh
npm install use-latest-callback
```

## Usage

The `useLatestCallback` hook accepts a function as its argument and returns a function that preserves its reference across renders.

```js
import useLatestCallback from 'use-latest-callback';

// ...

function MyComponent() {
  const callback = useLatestCallback((value) => {
    console.log('Changed', value);
  });

  React.useEffect(() => {
    someEvent.addListener(callback);

    return () => someEvent.removeListener(callback);
  }, [callback]);

  return <>{/* whatever */}</>;
}
```

It's important to note that the callback is not intended to be called during the render phase. Only call the callback in response to an event.