open-index/open-npm huggingface dataset:
npm package: @saul-atomrigs/hangeul
Description: Korean language utility functions
Latest version: 1.1.1

# hangeul

한글 포맷 라이브러리

### install

```
npm i @saul-atomrigs/hangeul
```

#### krw

숫자를 원(KRW)화로 표시합니다

```ts
import {krw} from @saul-atomrigs/hangeul

krw(10_000_000) // 1000만원
```

#### \_x분

\_1분, \_2분, \_3분, \_5분, \_10분, \_15분
밀리초로 변환합니다

```ts
import { _1분 } from '@saul-atomrigs/hangeul';

setTimeout(() => {
  console.log('1분이 지났습니다');
}, _1분); // 60000ms 후 실행
```
npm package: @saulmaldonado/article-preview
Description: Made with create-react-library
Author: saulmaldonado
Latest version: 1.0.0

# article-preview

> Made with create-react-library

## Install

```bash
npm install @saulmaldonado/article-preview
```

## Props

```ts
type Props = {
  title: string;
  subtitle: string;
  image: string;
  author: string;
  profilePicture: string;
  datePosted: Date;
  socialLinks: SocialLinks;
  dark?: boolean;
};

type SocialLinks = {
  twitter?: string;
  facebook?: string;
  pinterest?: string;
  facebookMessenger?: string;
  linkedin?: string;
  reddit?: string;
};
```

## Usage

```tsx
import React, { Component } from 'react';

import ArticlePreview from 'article-preview';
import 'article-preview/dist/index.css';

const socialLinks = {
  facebook: 'https://facebook.com',
  pinterest: 'https://pinterest.com',
  twitter: 'https://twitter.com',
  reddit: 'https://reddit.com',
  facebookMessenger: 'https://messenger.com',
  linkedin: 'https://linkedin.com',
};

const Example = () => {
    return (
      <ArticlePreview
        dark={darkMode}
        title='  Shift the overall look and feel by adding these wonderful
  touches to furniture in your home'
        subtitle='Ever been in a room and felt like something was missing? Perhaps
      it felt slightly bare and uninviting. I’ve got some simple tips
      to help you make any room feel complete.'
        author='Michelle Appleton'
        datePosted={new Date('28 Jun 2020')}
        image={image}
        profilePicture={profilePicture}
        socialLinks={socialLinks}
      />
    );
  }
}
```

## License

MIT © [saulmaldonado](https://github.com/saulmaldonado)
npm package: @saulmaldonado/chat-app
Description: <h1 align="center">Welcome to Chat App</h1> <p>   <a href="https://www.npmjs.com/package/@saulmaldonado/chat-app" target="_blank" rel="noopener">     <img alt="Version" src="https://img.shields.io/npm/v/@saulmaldonado/chat-app.svg">   </a>   <a href="#" t
Latest version: 1.0.2

<h1 align="center">Welcome to Chat App</h1>
<p>
  <a href="https://www.npmjs.com/package/@saulmaldonado/chat-app" target="_blank" rel="noopener">
    <img alt="Version" src="https://img.shields.io/npm/v/@saulmaldonado/chat-app.svg">
  </a>
  <a href="#" target="_blank" rel="noopener">
    <img alt="License: MIT" src="https://img.shields.io/badge/License-MIT-yellow.svg" />
  </a>
  <a href="https://twitter.com/saul_mal" target="_blank" rel="noopener">
    <img alt="Twitter: saul\_mal" src="https://img.shields.io/twitter/follow/saul_mal.svg?style=social" />
  </a>
</p>

> A functioning socket.io chat client component for Vue.js

> design by [Frontend Mentor](https://www.frontendmentor.io/challenges/chat-app-css-illustration-O5auMkFqY)

## Install

```sh
yarn install @saulmaldonado/chat-app
```

or

```sh
npm install @saulmaldonado/chat-app
```

### Install plugin

```js
import Vue from 'vue';
import App from './App.vue';
import ChatApp from '@saulmaldonado/chat-app';

Vue.use(ChatApp); // makes component available globally

new Vue({
  render: (h) => h(App),
}).$mount('#app');
```

## Configuration

### Props

```ts
type Props = {
  socket: {
    hostname: string; // URL of the Socket.io server
    sendMessageEvent: string; // Event name used for sending messages to and receiving messages from the server
  };
  name: string; // Username to be displayed in navigation section header
  status: string; // status text to be displayed in the navigation section subtext
  profileImage: string; // image to be used in the navigation section profile picture
};
```

### Styles

#### Package is built with extracted css to allow for further customization

```html
// App.vue
<style>
  @import url('~@saulmaldonado/chat-app/dist/chat-app.css');
</style>
```

## Example

```html
<template>
  <div id="app">
    <ChatApp
      :name="name"
      :status="status"
      :socket="socket"
      :profileImage="profileImage"
    />
  </div>
</template>

<script>
  import Profile from './assets/images/profile.jpg';

  export default {
    name: 'App',

    data: function() {
      return {
        name: 'Samuel Green',
        status: 'Available to Walk',
        socket: {
          hostname: 'http://192.168.29.192:5000',
          sendMessageEvent: 'SEND_MESSAGE'
        }
        profileImage: Profile,
      };
    },
  };
</script>

<style>
  @import url('~@saulmaldonado/chat-app/dist/chat-app.css');
</style>
```

## Author

👤 **Saul Maldonado**

- Website: https://saulmaldonado.tech/
- Twitter: [@saul_mal](https://twitter.com/saul_mal)
- Github: [@saulmaldonado](https://github.com/saulmaldonado)
- LinkedIn: [@saulmaldonado4](https://linkedin.com/in/saulmaldonado4)

## Show your support

Give a ⭐️ if this project helped you!

---

_This README was generated with ❤️ by [readme-md-generator](https://github.com/kefranabg/readme-md-generator)_
npm package: @saulmaldonado/editorconfig-settings
Description: saulmaldonado's editorconfig settings
Author: Saul Maldonado
Latest version: 10.0.0

# My .editorconfig settings

## Install

print to console

```sh
npx @saulmaldonado/editorconfig-settings
```

or to write to a file. defaults to `./.editorconfig`

```sh
npx @saulmaldonado/editorconfig-settings -o [path/to/file]
```
npm package: @saulmaldonado/share-this-page
Description: Share the current page to social media with a zero-configuration drop-in React component
Author: saulmaldonado
Latest version: 1.3.0

# Welcome to Share This Page

> Share the current page to social media with a zero-configuration drop in react component

[![NPM](https://img.shields.io/npm/v/share-button.svg)](https://www.npmjs.com/package/@saulmaldonado/share-this-page) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)

![image](./share-this-page.gif)

## [Live Example](https://saulmaldonado.github.io/share-this-page/)

## Install

```bash
npm install @saulmaldonado/share-this-page
```

or

```sh
yarn add @saulmaldonado/share-this-page
```

## Usage

### Props

Links to all sites are generated by default. To explicitly generate links, enable the sites certain through props

```ts
types Props {
  twitter?: true;
  facebook?: true;
  pinterest?: true;
  facebookMessenger?: true;
  linkedin?: true;
  reddit?: true;
};
```

```tsx
import React, { Component } from 'react';

import ShareButton from 'share-button';
import 'share-button/dist/index.css';

class Example extends Component {
  render() {
    return <ShareButton />;
  }
}
```

## License

MIT © [saulmaldonado](https://github.com/saulmaldonado)
npm package: @saulmoralespa/platzom
Description: Traductor de idioma platzom
Author: Saul Morales
Latest version: 0.1.0

# Platzom
Platzom es un idioma inventado para el Curso de Fundamentos de Javascript

## Descripción del idioma

- Si la palabra termina en ar, se le quitan esos dos caracteres
- 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 por la mitad y unir con un guión del medio
- Si la palabra original es un palíndromo ninguna regla anterior cuenta y se devuelve la misma palabra intercalando mayúsculas y minúsculas

## Instalación

```
npm install platzom
```

## Uso

```
import platzom from 'platzom'

platzom("programar") // Program
platzom('zorro')
platzom('zarpar')
platzom('abecedario')
platzom('sometemos')
```
## Créditos
- [Saul Morales Pacheco](https://saulmoralespa.com)

## Licencia
[MIT](https://opensource.org/licenses/MIT)