open-index/open-npm huggingface dataset:
npm package: @sergio.mallma/fe-clinic-components
Description: Test library
Author: sergiomallma
Latest version: 2.3.1

# React + TypeScript + Vite

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

Currently, two official plugins are available:

- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react) uses [Babel](https://babeljs.io/) for Fast Refresh
- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh

## Expanding the ESLint configuration

If you are developing a production application, we recommend updating the configuration to enable type-aware lint rules:

```js
export default tseslint.config({
  extends: [
    // Remove ...tseslint.configs.recommended and replace with this
    ...tseslint.configs.recommendedTypeChecked,
    // Alternatively, use this for stricter rules
    ...tseslint.configs.strictTypeChecked,
    // Optionally, add this for stylistic rules
    ...tseslint.configs.stylisticTypeChecked,
  ],
  languageOptions: {
    // other options...
    parserOptions: {
      project: ['./tsconfig.node.json', './tsconfig.app.json'],
      tsconfigRootDir: import.meta.dirname,
    },
  },
})
```

You can also install [eslint-plugin-react-x](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-x) and [eslint-plugin-react-dom](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-dom) for React-specific lint rules:

```js
// eslint.config.js
import reactX from 'eslint-plugin-react-x'
import reactDom from 'eslint-plugin-react-dom'

export default tseslint.config({
  plugins: {
    // Add the react-x and react-dom plugins
    'react-x': reactX,
    'react-dom': reactDom,
  },
  rules: {
    // other rules...
    // Enable its recommended typescript rules
    ...reactX.configs['recommended-typescript'].rules,
    ...reactDom.configs.recommended.rules,
  },
})
```
npm package: @sergio8016/platzon
Description: Traductor de idioma platzon
Author: Sergio Zapata
Latest version: 0.1.0

# Platzon

Platzom es un idioma inventado para el [Curso de Fundamentos de JavaScript](https://platzi.com/js) de [Platzi](https://platzi.com), el mejor lugar de educación online

## Descripción del idioma

- Si la palabra termina con "ar", se le quitan esas dos letras
- Si la palabra inicia con Z, se le añade "pe" al final
- Si la palabra traducida tiene 10 o más letras, se debe partir en dos por la mitad y unir con un guión medio
- Por último, si la palabra original es un palíndromo, ninguna regla anterior cuenta y se devuelve la misma palabra pero intercalando letras mayúsculas y minúsculas

## Instalación

```
npm install platzon
```

## Uso

```
import platzom from 'platzom'

platzom("Programar") // Program
platzom("Zorro") // Zorrope
platzom("Zarpar") // Zarppe
platzom("abecedario") // abece-dario
platzom("sometemos") // SoMeTeMoS
```

## Créditos
- [Sergio Zapata](https://www.linkedin.com/in/sergio8016/)

## Licencia

[MIT](https://opensource.org/licenses/MIT)
npm package: @sergioarieljuarez/react-card-carousel-js
Description: https://github.com/sergioarieljuarez/react-card-carousel-js#readme
Author: Sergio Ariel Juarez
Latest version: 1.1.1

# react-card-carousel-js

Original library by: 
https://github.com/TomorrowIdeas/react-card-carousel 

Modified library by:
https://github.com/sergioarieljuarez/react-card-carousel-js


Original Readme by: 
https://github.com/TomorrowIdeas/react-card-carousel#readme

Readme modified by:
https://github.com/sergioarieljuarez/react-card-carousel-js#readme
npm package: @sergioarieljuarez/react-card-carousel-ts
Description: https://github.com/sergioarieljuarez/react-card-carousel-ts#readme
Author: Sergio Ariel Juarez
Latest version: 1.0.0

# react-card-carousel-ts

Original library by:
https://github.com/TomorrowIdeas/react-card-carousel

Modified library by:
https://github.com/sergioarieljuarez/react-card-carousel-ts


Original Readme by:
https://github.com/TomorrowIdeas/react-card-carousel#readme

Readme modified by:
https://github.com/sergioarieljuarez/react-card-carousel-ts#readme
npm package: @sergiocalderon/platzom
Description: Traductor de idioma plazom
Author: Sergio Calderon
Latest version: 0.1.0

# Plazom

Plaztom es un idioma inventado para el [curso](https://platzi.com/js) de [Platzi](https://platzi.com)

## Descripción del idioma
 - Si la palabra es un palindromo se lee igual atras adelante, ninguna cuenta y se devuelve intercalando mayusculas y minisculas

 - Si la palabra termina en ar se quitan

 - Si la palabra incia con "z" se le agrega "pe" al final

 - Si la palabra tiene 10 o más se parte a la mitad con guío en medio

 ## Instalación
```
 npm install platzom

 ```

 ## USO
``` 
 import Platzom from 'platzom'

Platzom('programar')  // es program
Platzom('zorro')  // es zorrope
Platzom('zarpar') // es zarppe
Platzom('abecedario') // abece-dario
Platzom('sometemos') // SoMeTeMoS

 ```

 ## Créditos 
 - [Sergio Calderon] (https://ditsgt.com)

 ## Licencia

[MIT] (https://opensource.org/licenses/MIT)
npm package: @sergiodev/my-corp-library
Description: Librería de ejemplo para curso de Angular Avanzado
Author: sergiodev
Latest version: 1.1.0

# MyCorpLibrary

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

## Code scaffolding

Run `ng generate component component-name --project my-corp-library` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project my-corp-library`.
> Note: Don't forget to add `--project my-corp-library` or else it will be added to the default project in your `angular.json` file. 

## Build

Run `ng build my-corp-library` to build the project. The build artifacts will be stored in the `dist/` directory.

## Publishing

After building your library with `ng build my-corp-library`, go to the dist folder `cd dist/my-corp-library` and run `npm publish`.

## Running unit tests

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

## Further help

To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.
npm package: @sergiodonati/oauthserver
Description: a abstraction for implement the oauth service
Author: Sergio Donati
Latest version: 0.0.2

# OAuth Server

![Travis](https://img.shields.io/travis/SergioDonati/oauthserver.svg?style=flat-square)
![david-dm](https://david-dm.org/SergioDonati/oauthserver.svg)
![bitHound](https://img.shields.io/bithound/devDependencies/github/SergioDonati/oauthserver.svg?style=flat-square)


[![npm](https://img.shields.io/npm/v/oauthserver.svg?style=flat-square)](https://www.npmjs.com/package/oauthserver)
[![npm](https://img.shields.io/npm/l/oauthserver.svg?style=flat-square)](https://www.npmjs.com/package/oauthserver)


Helper for authorize access with token.
This utility define the core for implement a oauth server

## Install

```bash
$ npm install oauthserver --save
```

## Example
see /tests for example with Express

## How work

Coming soon.

## Credits

- [Sergio Donati](https://github.com/SergioDonati)

## License

[MIT](LICENSE)

Copyright (c) 2018 Sergio Donati
npm package: @sergiodxa/analytics
Description: Use my own analytics service to track events
Author: Sergio Xalambrí
Latest version: 1.1.0

# @sergiodxa/analytics

## Usage

Install it

```bash
yarn add @sergiodxa/analytics
```

```js
import { track } from "@sergiodxa/analytics";

track({
  type: "event",
  action: "Page view",
  description: "User accessed /"
}, process.env.NODE_ENV === "production")
```

### With Next.js

```js
import withAnalytics from "@sergiodxa/analytics/lib/react";

function Page() {
  return <h1>Next.js Page</h1>;
}

export default withAnalytics(Page);
```
npm package: @sergiodxa/cli
Description: A CLI tool with commands for personal usage.
Author: Sergio Daniel Xalambrí
Latest version: 1.1.0

# personal-cli

A CLI tool with commands for personal usage.

## Usage

Install it from npm

```bash
yarn global add @sergiodxa/cli
```

Add the followings environment keys to your machine.

- `GITHUB_TOKEN`

Use it!

## Commands

### `cli essay <path> '<title>'`

Create a new essay entry on the specified `path` with the given `title`.

Optionally is possible to customize the layout to use with `--layout <name>` which by default is `essay`.

### `cli init <name> [type]`

Initialize a new project with the given name. This will:

- Create a directory with the given name inside `~/Project`
- Initialize Git inside that directory
- Initialize Yarn with default inside it
- Add `start`, `build` and `dev` scripts to package.json based on the type of project
- If type is defined create now.json and Dockerfile
- Lastly open VSCode inside the new project

The argument `type` is optional and defaults to none. Possible values are:

- `none`
- `next`
- `micro`
- `next-static`

### `cli short <url> <path>`

Add a new short URL to [sergiodxa/personal-shortening](https://github.com/sergiodxa/personal-shortening).

**Example**:
```bash
cli short https://sergiodxa.com /home
```

> **Note**: The `/` at the beginning of the path is optional.

> **Note**: The protocol is optional and will default to `https://`.

### `cli share <url> <comment>`

Share a new interesting link on sergiodxa.com/links.

**Example**:
```bash
cli share https://sergiodxa.com 'This a super interesting link!'
```

> **Note**: The protocol is optional and will default to `https://`.
npm package: @sergiodxa/clipboard
Description: Write, read and observe text to and from clipboard in a declarative way
Author: Sergio Xalambrí
Latest version: 1.0.1

# @sergiodxa/clipboard

Write, read and observe text to and from clipboard in a declarative way.

## Usage

Install it

```bash
yarn add @sergiodxa/clipboard
```

Import it

```js
import { Clipboard } from "@sergiodxa/clipboard";
```

Render it

```js
export default () => (
  <div>
    <h1>Hello, World!</h1>
    <Clipboard write="Hello, World!" observe="1s">
      {{ value, reading, support} => {
        if (support) {
          return <em>No support for `navigator.clipboard`</em>
        }
        if (reading) {
          return <em>Reading value from clipboard</em>
        }
        return <strong>From clipboard: {value}</strong>
      }}
    </Clipboard>
  </div>
)
```

If `write` is defined the component will write the value to the user clipboard. If this prop changes the component will write the new value to the clipboard.

If `children` is defined as a _function_ it will read the current value of the clipboard and pass it to the children with the format `{ value, reading }`. If there is no support it will return `{ support: false }`.

If `observe` is defined it will read the clipboard on intervals, the value could be a string (supporting `ms` to parse strings) or a number in milisecods. If the value is zero or the prop is not defined it will not run the interval.