open-index/open-npm huggingface dataset:
npm package: @jorge.chavez.n/hello-world
Description: Our awesome MVP
Author: Jorge Chavez
Latest version: 1.0.7


# Contributing

This project welcomes contributions and suggestions.  Most contributions require you to agree to a
Contributor License Agreement (CLA) declaring that you have the right to, and actually do, grant us
the rights to use your contribution. For details, visit https://cla.opensource.microsoft.com.

When you submit a pull request, a CLA bot will automatically determine whether you need to provide
a CLA and decorate the PR appropriately (e.g., status check, comment). Simply follow the instructions
provided by the bot. You will only need to do this once across all repos using our CLA.

This project has adopted the [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/).
For more information see the [Code of Conduct FAQ](https://opensource.microsoft.com/codeofconduct/faq/) or
contact [opencode@microsoft.com](mailto:opencode@microsoft.com) with any additional questions or comments.
npm package: @jorgeantonio/component-js
Description: Un componente reutilizable de TextFormField para React inspirado en Flutter.
Author: Jorge Antonio
Latest version: 1.0.4

# 🚀 React TextFormField Component

## 📝 Descripción

Este es un componente de entrada de texto inspirado en el **TextFormField de Flutter**, diseñado para ser reutilizable en proyectos de **React con Tailwind CSS**.

Incluye compatibilidad con iconos a la izquierda y derecha, cambios de color en `focus`, soporte para deshabilitar el campo y personalización de estilos con `clsx` y `tailwind-merge`.

## 🚀 Requisitos previos

Antes de comenzar, asegúrate de tener instalados:

- **Node.js** (versión recomendada: 18 o superior) 👉 [Descargar Node.js](https://nodejs.org/)
- **pnpm** (si no lo tienes, instálalo con el siguiente comando)

  ```sh
  npm install -g pnpm
  ```

## 📦 Instalación

Clona el repositorio y luego instala las dependencias:

```sh
git clone https://github.com/JorgeAntonio/component-js.git
cd component-js
pnpm install
```

## 🎨 Configuración de Tailwind CSS

Si Tailwind no está configurado, instálalo con:

```sh
pnpm install tailwindcss @tailwindcss/vite
```

Y en `index.css`, importa Tailwind:

```css
@tailwind base;
@tailwind components;
@tailwind utilities;
```

## 🔌 Instalación de dependencias adicionales

Este proyecto usa `clsx` y `tailwind-merge` para gestionar clases dinámicamente y `lucide-react` para iconos:

```sh
pnpm install tailwind-merge
pnpm install clsx
pnpm add lucide-react
```

## 🚀 Levantar el proyecto

Para iniciar el servidor de desarrollo, usa:

```sh
pnpm dev
```

El proyecto se ejecutará en [`http://localhost:5173`](http://localhost:5173) por defecto.

## ⚡ Construcción para producción

Si deseas generar los archivos optimizados para producción:

```sh
pnpm build
```

Los archivos generados se almacenarán en la carpeta `dist/`.

## 🧪 Ejecutar el servidor de producción

Después de construir el proyecto, puedes previsualizarlo con:

```sh
pnpm preview
```

Esto simula cómo se serviría en un entorno real.

## 🛠️ Linting y formateo

Para verificar el código con ESLint:

```sh
pnpm lint
```

Para formatearlo con Prettier (si está configurado):

```sh
pnpm format
```

## 🤝 Contribuciones

¡Las contribuciones son bienvenidas! Si deseas mejorar este componente o agregar nuevas funcionalidades:

1. Haz un **fork** del repositorio.
2. Crea una nueva rama con tu mejora:
   ```sh
   git checkout -b feature/nueva-funcionalidad
   ```
3. Realiza tus cambios y confirma los commits:
   ```sh
   git commit -m "Agrega nueva funcionalidad"
   ```
4. Sube los cambios a tu repositorio:
   ```sh
   git push origin feature/nueva-funcionalidad
   ```
5. Abre un **Pull Request** en este repositorio.

---

🚀 **¡Gracias por usar este componente!** Si tienes alguna sugerencia, no dudes en abrir un **issue**.
npm package: @jorgecasar/my-counter-test
Description: This is a package for testing a counter web component. It's used for testing [all ways to make a web component](https://webcomponents.dev/blog/all-the-ways-to-make-a-web-component/) and know what is implemented and what not in each way.
Author: Jorge del Casar
Latest version: 0.1.0

# My-counter test

This is a package for testing a counter web component. It's used for testing [all ways to make a web component](https://webcomponents.dev/blog/all-the-ways-to-make-a-web-component/) and know what is implemented and what not in each way.
npm package: @jorgeetrejoo/react-ui-components
Description: ```bash # npm npm install @jorgeetrejoo/react-ui-components
Latest version: 0.0.6

## Instalación

```bash
# npm
npm install @jorgeetrejoo/react-ui-components

# pnpm
pnpm add @jorgeetrejoo/react-ui-components

# yarn
yarn add @jorgeetrejoo/react-ui-components
```

## Uso

- Para utilizar esta biblioteca, importa los estilos y componentes necesarios.
- Los estilos importalos en tu archivo principal (index.js, App.js, etc).

```tsx
// Importar estilos (requerido)
import "@jorgeetrejoo/react-ui-components/dist/index.css";

// Importar componentes
import {Button, Input} from "@jorgeetrejoo/react-ui-components";

function App() {
  return (
    <div className="p-4">
      <h2 className="text-xl font-bold mb-4">Formulario de contacto</h2>
      <div className="space-y-4">
        <Input placeholder="Nombre completo" />
        <Input placeholder="Email" type="email" />
        <Button>Enviar</Button>
      </div>
    </div>
  );
}
```

## Componentes

### Botón

Un componente de botón versátil y personalizable.

### Importación

```tsx
import {Button} from "@jorgeetrejoo/react-ui-components";

<Button>Enviar</Button>;
```

### Props

| Prop      | Tipo    | Opciones                                   | Default   | Descripción             |
| --------- | ------- | ------------------------------------------ | --------- | ----------------------- |
| variant   | string  | 'primary', 'secondary', 'outline', 'ghost' | 'primary' | Estilo visual del botón |
| size      | string  | 'sm', 'md', 'lg'                           | 'md'      | Tamaño del botón        |
| disabled  | boolean | -                                          | false     | Deshabilita el botón    |
| className | string  | -                                          | ''        | Clases CSS adicionales  |

### Input

Un componente de input versátil y personalizable.

### Importación

```tsx
import {Input} from "@jorgeetrejoo/react-ui-components";

<Input placeholder="Nombre completo" />;
```

### Props

| Prop        | Tipo    | Default | Descripción                                 |
| ----------- | ------- | ------- | ------------------------------------------- |
| type        | string  | 'text'  | Tipo de input (text, email, password, etc.) |
| placeholder | string  | ''      | Texto placeholder                           |
| disabled    | boolean | false   | Deshabilita el input                        |
| error       | boolean | false   | Aplica estilo de error                      |
| className   | string  | ''      | Clases CSS adicionales                      |
npm package: @jorgeferrero/stream-to-buffer
Description: A promise based npm package that converts a node.js ReadStream to buffer
Author: Jorge Ferrero Linacero
Latest version: 2.0.6

# Stream To Buffer

[![Build Status](https://travis-ci.org/jferrl/stream-to-buffer.svg?branch=master)](https://travis-ci.org/jferrl/stream-to-buffer)
[![Maintainability](https://api.codeclimate.com/v1/badges/71b14075a12d34b2efbc/maintainability)](https://codeclimate.com/github/jferrl/stream-to-buffer/maintainability)
[![Test Coverage](https://api.codeclimate.com/v1/badges/71b14075a12d34b2efbc/test_coverage)](https://codeclimate.com/github/jferrl/stream-to-buffer/test_coverage)
![npm](https://img.shields.io/npm/dw/@jorgeferrero/stream-to-buffer)
![npm (scoped)](https://img.shields.io/npm/v/@jorgeferrero/stream-to-buffer)

A promise based Node.js package that converts a Node.js Readable to buffer

## Installation

```sh
npm i @jorgeferrero/stream-to-buffer
```

## Usage

```typescript
import { streamToBuffer } from '@jorgeferrero/stream-to-buffer';
import * as fs from 'fs';

const data = await streamToBuffer(fs.createReadStream('./file'));
console.log(data.toString());
```

```sh
Output should be the the content of the file
```

## Test

```sh
npm run test
```