open-index/open-npm huggingface dataset:
npm package: @pratheeshrussell/simple-react-cli
Description: Simple Cli for React Typescript projects
Author: Pratheesh Russell
Latest version: 0.0.9

# Simple React Cli (Typescript)

Developed upon the work of [vue-generate-component](https://github.com/NetanelBasal/vue-generate-component). 

Developed within a couple of hours so expect bugs.

CLI util for generating React components.

## READ THIS FIRST
This is not a replacement for react. You must have setup React project separately

## Installation
```bash
npm install -g @pratheeshrussell/simple-react-cli
```  

OR 

* Clone the repository
* Run 
```bash
npm install
```  
* Build the Files
```bash
npm run build
```   
*  Install from local folder
```bash
npm install -g PATH_TO_CLONED FOLDER
``` 

OR

```bash
npm install -g https://github.com/pratheeshrussell/simple-react-cli
```

## Usage

### Create new component
```bash
src-ts -g -c Header
```
Will generate a folder called `headerComponent` inside src folder *If you are in project root folder* or *your current directory*  

check the options available by
```bash
src-ts -g -h
```

### Create new hook
```bash
src-ts -g --hook something
```
Will get back to this once I learn more about react hooks. For now it will generate a function that starts with the keyword `use` and export it.

### Redux toolkit options
```bash
src-ts --rtk --store storage
```
Will generate a store 

```bash
src-ts --rtk --slice auth
```
will generate a slice but you must manually add it to the store. 

```bash
src-ts --rtk --api auth
```
will generate a sample Query and a Mutation but you must manually add it to the store. 
  
  
Will add more commands once I learn more about it.

### Serve
```bash
src-ts -s
```
check the options available by
```bash
src-ts -s -h
```

### Build
```bash
src-ts -b
```

## Disclaimer

This project tries to solve tedious copy&paste operations from **our** daily workflow.
Please notice that the generated files will require some external libraries for react and redux toolkit. Make sure these libraries are available in your project.


## TODO

1. Do some manual testing atleast
2. ...
npm package: @pratheeshrussell/simple-vue-cli
Description: Simple Cli for Vue js
Author: Pratheesh Russell
Latest version: 0.0.4

# Simple Vue Cli

Developed upon the work of [vue-generate-component](https://github.com/NetanelBasal/vue-generate-component). 

Developed within a couple of hours so expect bugs.

CLI util for generating Vue component structure.

## READ THIS FIRST
This is not a replacement for vue cli. You must have installed Vue cli separately

## Installation
```bash
npm install -g @pratheeshrussell/simple-vue-cli
```  

OR 

* Clone the repository
* Run 
```bash
npm install
```  
* Build the Files
```bash
npm run build
```   
*  Install from local folder
```bash
npm install -g PATH_TO_CLONED FOLDER
``` 

OR

```bash
npm install -g https://github.com/pratheeshrussell/simple-vue-cli
```

## Usage

### Create new component
```bash
svc -g -c Header
```
Will generate a folder called `headerComponent` inside src folder *If you are in project root folder* or *your current directory*  

```bash
svc -g -m Header
```
Will generate a file called `Headercomponent.vue` inside src folder *If you are in project root folder* or *your current directory*  

```bash
svc -g -m Header -f
```
Will generate a file called `Headercomponent.vue` inside src/headerComponent folder *If you are in project root folder* or *your current directory* 

check the options available by
```bash
svc -g -h
```

### Create new directive
```bash
svc -g -d something
```
Will get back to this once I learn about vue directives

### Serve
```bash
svc -s
```
check the options available by
```bash
svc -s -h
```

### Build
```bash
svc -b
```

## Disclaimer

This project tries to solve tedious copy&paste operations from **our** daily workflow.
Please notice that the generated files will require some external libraries such as
Vue, @vue/test-utils or Sass loader configuration. Make sure these libraries are available in your project.


## TODO

1. Do some manual testing atleast
2. ...
npm package: @pratico/json-schema-forms
Description: This package allow you to connect HTML5 Forms with json-schema validation
Author: Ábner Oliveira
Latest version: 0.1.2


# @pratico/json-schema-forms

Connects HTML Forms to Json Schemas, which provide a nice validation strategy which would be integrated / shared with the backend also.


Usage:

```ts
import * as ajv from 'ajv';
import { FormConnector } from '@pratico/json-schema-forms';
import { Validator } from '@pratico/json-schema';


let form = window.document.getElementsByTagName('form')[0];

const connector = new FormConnector({
  formElement: form,
  jsonSchema: {
    required: ['summary'],
    properties: {
      summary: {
        type: 'string',
        minLength: 2
      }
    }
  },
  validateOnChange: true,
  praticoValidator: new Validator(
    {
      schemas: []
    },
    ajv
  )
});

connector.onValidated((result: any) => {
  console.log(result);
});
```
npm package: @pratico/rx-extensions
Description: Some pratical rx extensions.
Author: Abner Oliveira
Latest version: 1.0.6



# @pratico/rx-extensions

This package provides some Rx.js extensions created to use in the @pratico projects


## 1. ObservableWatcher

Allows to follow a observable and known when it starts and when it concludes.


Example:

```ts
let observable: ObservableWatched = ObservableWatcher.watch<any>(Observable.of(1));

observable.watcher.onStarted.subscribe(() => {
  console.log('Called only when the user subscribes!!!');
});

observable.watcher.onCompleted.subscribe(() => {
  console.log('Called only when the observable finished by completion or error');
});


observable.subscribe((val) => {
  console.log('Processing...', observable.watcher.processing); // returns true while the the observable is running
  console.log('Value', val); // will print Value 1
});
```
npm package: @pratik.galoria/minimal-js-library
Description: Minimal JavaScript library boilerplate
Author: Pratik Galoria
Latest version: 1.0.2

# @pratik.galoria/minimal-js-library
Minimal JavaScript library boilerplate for your next project.

Kick start your own JavaScript library and publish as a `npm` package.

![Travis (.org)](https://img.shields.io/travis/pratikgaloria/minimal-js-library.svg)
[![npm (scoped)](https://img.shields.io/npm/v/@pratik.galoria/minimal-js-library.svg)](https://www.npmjs.com/package/@pratik.galoria/minimal-js-library)
![GitHub issues](https://img.shields.io/github/issues/pratikgaloria/minimal-js-library.svg)
![npm bundle size](https://img.shields.io/bundlephobia/min/@pratik.galoria/minimal-js-library.svg)

## Features

- **ES6** - [Babel](https://babeljs.io/) will transpile the code
- **Test** - [Jest](https://jestjs.io/) with coverage
- **Lint** - [Eslint](https://eslint.org/) with recommended config
- **CI** - [Travis-ci](https://travis-ci.com/) minimal config
- **Minify** - Builds the minified code

## Quick Start

1. Clone the repository:
```bash
git clone https://github.com/pratikgaloria/minimal-js-library.git
```
2. Edit the source inside `src` folder.
3. Build the project and test.
```bash
npm run build
npm test
```

## Publish

```bash
npm login
#Logged in as pratik.galoria to scope @pratik.galoria on https://registry.npmjs.org/.

npm publish
# + @pratik.galoria/minimal-js-library@1.0.0
```

Step by step guide to publish the package:
https://www.freecodecamp.org/news/how-to-make-a-beautiful-tiny-npm-package-and-publish-it-2881d4307f78/

## Usage

Once published as a npm package, you can install the library on any of your project using npm:

```bash
npm install --save @pratik.galoria/minimal-js-library
```

And then, use like this:

```JavaScript
import sum from '@pratik.galoria/minimal-js-library';

console.log(sum(1, 2)); // 3
```

## Commands

- `npm run build` - Babel will transpile ES6 to ES5 and minify the code.
- `npm run lint` - Run Eslint with recommended config
- `npm test` - Run Jest with coverage results

### License

MIT &copy; Pratik Galoria
npm package: @pratik242/cloak-js
Description: A powerful frontend code protector: obfuscates JavaScript, injects anti-tamper runtime, locks domains, and supports Vite/Next.js/Parcel plugins.
Author: Pratik Acharya
Latest version: 1.0.1

# 🛡️ cloak-js

A powerful JavaScript code protection tool for frontend apps. Obfuscate, lock to domains, inject anti-debug code, and secure logic with WebAssembly. Works with Vite, Next.js, and Parcel.

## 🚀 Features

- 🔒 Obfuscate JavaScript (using javascript-obfuscator)
- 🌐 Domain lock protection
- 🕵️‍♂️ DevTools detection & self-defending runtime
- 🧪 Tamper detection using SHA-256
- 🧩 Optional WebAssembly support for core logic
- 🧰 Plugin support for Vite, Parcel, and Next.js

## 📦 Installation

```bash
npm install -g cloak-js
```

## 💻 CLI Usage

```bash
cloak ./your-app.js --domain yourdomain.com --inject-runtime --tamper-check
```

| Option | Description |
|--------|-------------|
| `--domain` | Lock script to a specific domain |
| `--inject-runtime` | Adds DevTools and debugger detection |
| `--tamper-check` | Injects SHA-256 hash validation |

## 🔧 Framework Plugins

### 🔌 Vite

```js
import cloakPlugin from 'cloak-js/vite';

export default {
  plugins: [cloakPlugin()]
};
```

### 🔌 Next.js

```js
const cloakPlugin = require('cloak-js/next');

module.exports = cloakPlugin({ /* options */ })(nextConfig);
```

## 🧪 WebAssembly Secure Loader

```js
import { loadSecureWasm } from 'cloak-js/wasm';

const secure = await loadSecureWasm('/secure.wasm');
secure.run();
```

## 🛣️ Roadmap

- ✅ Obfuscation CLI
- ✅ Domain locking
- ✅ DevTools runtime injection
- ✅ Tamper check (SHA-256)
- ✅ WebAssembly loader
- ✅ Vite, Next.js, Parcel plugins
- ⏳ Svelte and Astro plugin
- ⏳ CI/CD integration

## 📝 License

MIT — by @pratikacharya1234
npm package: @pratik511/btn-demo
Description: A production-ready React component library built with TypeScript
Latest version: 1.0.2

# @pratik511/btn-demo

A production-ready React component library built with TypeScript.

## Installation

```bash
npm install @pratik511/btn-demo
# or
yarn add @pratik511/btn-demo
# or
pnpm add @pratik511/btn-demo
```

## Peer Dependencies

This package requires React and React DOM as peer dependencies:

```bash
npm install react react-dom
```

## Usage

### MyButton

A customizable button component with multiple variants and sizes.

```tsx
import { MyButton } from '@pratik511/btn-demo';

function App() {
  return (
    <div>
      <MyButton variant="primary" size="large" onClick={() => alert('Clicked!')}>
        Click me
      </MyButton>
      
      <MyButton variant="secondary" size="medium">
        Secondary Button
      </MyButton>
      
      <MyButton variant="outline" size="small">
        Outline Button
      </MyButton>
      
      <MyButton isLoading={true}>
        Loading Button
      </MyButton>
    </div>
  );
}
```

### Props

#### MyButtonProps

| Prop | Type | Default | Description |
|------|------|---------|-------------|
| `variant` | `'primary' \| 'secondary' \| 'outline'` | `'primary'` | The variant style of the button |
| `size` | `'small' \| 'medium' \| 'large'` | `'medium'` | The size of the button |
| `isLoading` | `boolean` | `false` | Whether the button is in a loading state |
| `children` | `React.ReactNode` | - | The content of the button |
| `...props` | `React.ButtonHTMLAttributes<HTMLButtonElement>` | - | All standard button HTML attributes |

## Development

```bash
# Install dependencies
npm install

# Build the package
npm run build

# Watch mode for development
npm run dev
```

## Building

The package is built using [tsup](https://github.com/ewhalen/tsup) and outputs:
- CommonJS format: `dist/index.js`
- ES Module format: `dist/index.mjs`
- Type definitions: `dist/index.d.ts`

## License

MIT
npm package: @pratikartik/cra-template
Description: The base template for Create React App.
Author: Kartik Shikhare
Latest version: 1.1.6

# cra-template

This is the official base template for [Create React App](https://github.com/facebook/create-react-app).

If you don't specify a template (for example, `--template typescript`), this template will be used by default.

For more information, please refer to:

- [Getting Started](https://create-react-app.dev/docs/getting-started) – How to create a new app.
- [User Guide](https://create-react-app.dev) – How to develop apps bootstrapped with Cr
npm package: @pratikbuilds/web3js-legacy
Description: Codama renderer for Web3.js
Latest version: 0.1.2

# Codama ➤ @solana/web3.js

[![npm][npm-image]][npm-url]
[![npm-downloads][npm-downloads-image]][npm-url]
[![license][license-image]][license-url]

[npm-downloads-image]: https://img.shields.io/npm/dm/%40pratikbuilds%2Fweb3js-legacy.svg?style=flat
[npm-image]: https://img.shields.io/npm/v/@pratikbuilds/web3js-legacy.svg?style=flat&label=%40pratikbuilds%2Fweb3js-legacy
[npm-url]: https://www.npmjs.com/package/@pratikbuilds/web3js-legacy
[license-image]: https://img.shields.io/npm/l/%40pratikbuilds%2Fweb3js-legacy?style=flat
[license-url]: https://www.npmjs.com/package/@pratikbuilds/web3js-legacy

This package provides a Codama renderer for Web3.js to generate type-safe client code for Solana programs.
NPM package path: `@pratikbuilds/web3js-legacy`.

## Installation

```sh
pnpm add @pratikbuilds/web3js-legacy
```

## Usage

Add the following script to your Codama configuration file (e.g. `codama.json`).

```json
{
    "scripts": {
        "web3js": {
            "from": "@pratikbuilds/web3js-legacy",
            "args": ["folder_name"]
        }
    }
}
```

Then run your Codama script:

```sh
codama run web3js
```

## TODO

- Add PDALink node resolution in default params
- do more testing with either isSigner type
- add enums data type parsing