open-index/open-npm huggingface dataset:
npm package: @senzops/apm-node
Description: Universal APM SDK for Senzor
Author: Senzops
Latest version: 1.1.18

# **@senzops/apm-node**

The official Node.js SDK for **Senzor APM**.

A lightweight, zero-dependency, and universal APM client for modern JavaScript runtimes.

## **✨ Features**

* **Universal Support:** Works in Node.js (18+), Edge, and Serverless environments.  
* **Auto-Instrumentation:** Automatically captures HTTP calls (Axios/Fetch), MongoDB queries, and Postgres queries.  
* **Framework Agnostic:** Built-in wrappers for Express, Next.js, Fastify, and Nuxt (Nitro).  
* **Distributed Tracing:** Captures full waterfall execution graphs (Spans).  
* **Zero Overhead:** Uses async_hooks and non-blocking transports.

## **📦 Installation**
```sh
npm install @senzops/apm-node  
# or  
yarn add @senzops/apm-node
```
## **🚀 Quick Start (Express.js)**

Add Senzor as the **first middleware** in your app.
```js
const express = require('express');  
const Senzor = require('@senzops/apm-node');

const app = express();

// 1. Initialize  
Senzor.init({  
  apiKey: "sz_apm_...", // Get from Senzor Dashboard  
});

// 2. Attach Request Handler  
app.use(Senzor.requestHandler());

// ... your routes ...  
app.get('/', async (req, res) => {  
  // Database calls here are automatically traced\!  
  res.json({ hello: 'world' });  
});

app.listen(3000);
```
## **📚 Documentation**

For detailed usage with **Next.js**, **NestJS**, **Fastify**, or **Manual Instrumentation**, please read our [**Detailed Wiki**](./wiki.md).
npm package: @seo-booster/advego-integration-module
Description: Advego public API integration module
Author: grishkov.m@gmail.com
Latest version: 1.1.16


# AdvegoIntegrationModule

Advego public API integration module

## Usage

* create module instance

*  ``` const aim = require('@seo-booster/advego-integration-module') ```

* available methods

*  ``` setConfigurations - pass in list of named configurations ```

*  ``` setDefaultConfigurationName - set fallback name if requested configuration not found ```

*  ``` updateConfiguration - update named configuration ```

*  ``` listConfigurations - list named configurations names ```

*  ``` callMethod - call method in named configuration context ```

*  ``` since v.1.1.0 it is possible to call method with dot notation e.x. aim.getAllJobs() ```

## v1.1.0 breaking changes
Changed callMethod contract

```aim.callMethod(method, configurationName, [options])```

or

```aim[method](configurationName, [options])```

## v1.1.4 breaking changes
init renamed to setConfigurations (breaking change)

added setDefaultConfigurationName

if requested configuration not found it will be substituted with default configuration

fixed error that prevent to call client method directly if there was no throttling settings defined

## Configuration object parameters

token - API token,

host - API host,

port - API port,

path - API suffix path,

rpcOptions - RPC methods options,
npm package: @seo-booster/notifier
Description: Wrapper chat and email notifiers used in @seo-booster project
Author: Pasquill
Latest version: 0.0.8

# Notifier

## Description
Wrapper library intended to manage rchat, hipchat and email notifications. Adopted to use in SEO Booster project.

### Testing
```
npm run test
``` 

## Installation
```
npm install @seo-booster/notifier --save
```

## Usage
```
const notifier = require('@seo-booster/notifier');

notifier.init([
	{ name: 'hipchat' },
	{
        name: 'rchat',
        options: { uri, username, password }
    },
	{
        name: 'email',
        options: {
            service,
            auth: { user, pass }
        }
    }
]);

notifier.send('hipchat', { uri, message[, color, notify, message_format] });
notifier.send('rchat', { roomId, text[, color, alias] });
notifier.send('email', { from, to, subject, text[, html, attachments] });

```
npm package: @seo-ny/floaty-core
Description: Floating logic core for positioning elements (vanilla JS)
Author: seo-ny
Latest version: 0.1.4

# Floaty

Floaty는 다양한 상황(scroll, resizing, overflow 등)에서도 부유 요소(floating element)의 위치를 스마트하게 조정해주는 positioning 라이브러리입니다.
npm package: @seoagent/core
Description: Core library for SEOAgent — keyword research, rank tracking, site audits, competitor analysis, backlink intelligence, and AI-powered SEO strategy
Latest version: 0.1.5

# @seoagent/core

Core library for [SEOAgent](https://github.com/yagomp/seoagent) — the open-source, agent-first SEO toolkit.

All business logic lives here. The CLI, MCP server, and dashboard are thin wrappers over this package.

## Install

```bash
npm install @seoagent/core
```

Requires Node.js >= 20.

## What's inside

| Module | Description |
|--------|-------------|
| `auditCrawl` | Crawl a site up to 50k pages via sitemap + BFS |
| `auditPage` | Audit a single URL for SEO issues |
| `auditReport` | Aggregate crawl results into a scored report |
| `keywordResearch` | Search volumes, difficulty, CPC via DataForSEO |
| `keywordSuggestions` | Related keyword suggestions from a seed |
| `rankTrackAdd` | Add keywords to rank tracking |
| `rankTrackCheck` | Fetch current SERP positions |
| `rankTrackReport` | Movers, gainers, losers since last check |
| `competitorKeywords` | Keywords a competitor ranks for |
| `contentGaps` | Keywords competitors rank for that you don't |
| `domainReputation` | DR score, backlinks, referring domains |
| `backlinkProfile` | Full backlink profile for a domain |
| `backlinkOpportunities` | Link building targets from competitor backlinks |
| `strategyGenerate` | AI-powered or rule-based SEO strategy |
| `strategyRefresh` | Re-run strategy with latest data |
| `gscSync` | Sync Google Search Console data |
| `gscPerformance` | Clicks, impressions, CTR, position |
| `gscQueries` | Top queries from GSC |
| `gscPages` | Top pages from GSC |
| `openDatabase` | Open per-project SQLite database |
| `loadConfig` / `saveConfig` | Read/write `~/.seoagent/config.json` |

## Usage

```typescript
import { openDatabase, auditCrawl, auditReport, strategyGenerate } from '@seoagent/core'

const db = openDatabase('~/.seoagent/projects/mysite/seoagent.db')

// Crawl the site
await auditCrawl('mysite.com', db, { maxPages: 1000 })

// Get a report
const report = auditReport(db)
console.log(report.score, report.issues)

// Generate strategy
const strategy = await strategyGenerate(db, { provider: 'anthropic', apiKey: '...' })
console.log(strategy.actions)
```

## Data sources

- **Free**: Google Search Console, local crawler
- **Paid**: DataForSEO (~$0.001/query) for keyword volumes, SERP data, backlinks
- **Derived**: content gaps, rank deltas, audit scores, strategy

## Updating

```bash
npm install @seoagent/core@latest
```

## Links

- [GitHub](https://github.com/yagomp/seoagent)
- [CLI (`@seoagent/cli`)](https://www.npmjs.com/package/@seoagent/cli)
- [MCP Server (`seoagent-mcp`)](https://www.npmjs.com/package/seoagent-mcp)
- [Full documentation](https://github.com/yagomp/seoagent#readme)

## License

MIT
npm package: @seobryn/faster
Description: Super fast Web framework for Node.js to create api and microservices
Author: Jose Joya
Latest version: 2.0.0

## Faster Web Framework

This is a zero dependency framework that was inspired on different web frameworks like `express`, `koa`, `restify` and is made to make things as simple as possible and as Faster as possible.

### Installation

Faster requires **node.js v.18.19.0** or higher.

```bash
$ npm i @seobryn/faster
```

### Hello World Faster

```js
import { Faster } from '@seobryn/faster'

const app = new Faster()

app.get('/', (req, res) => {
    return res.json({
        Hello: "World Faster"
    })
})

app.listen(3210)
```

### Additional Features
If you want to add more, feel free to create a Plugin and send me a PR with the repo link.

1. Swagger UI for Documentation: [@seobryn/swagger-ui-faster](https://github.com/seobryn/swagger-ui-faster)

### Road map
- [x] Basic Server creation.
- [x] HTTP Verbs Implemented.
- [x] Optional SSL connection.
- [x] Optional body Parser.
- [x] Error handling.
- [x] Routing implementation.
- [x] Scoped Middleware implementation.
- [x] Redirections in res API.
- [x] Event listeners for server events.
- [x] Universal Middleware implementation.
npm package: @seoforgpt/mcp
Description: SEOforGPT MCP server for brand visibility workflows
Author: SEOforGPT
Latest version: 2.0.9

# SEOforGPT MCP

Use SEOforGPT inside Claude Desktop, Claude Code, or Cursor as tools.

Track where your brand appears in AI answers, analyze competitors, check website readiness, and generate content using natural language prompts.

---

## What you can do

### Get a visibility brief
Run a visibility check and get the most important insights instead of raw data.

### Understand competitors
See which brands are being recommended, which prompts you are missing, and which sources appear most often.

### Generate full content from findings
Generate full structured content from your visibility data, optimized to be cited by AI systems.

### Check website readiness
Audit how prepared your site is for AI search and get a prioritized list of fixes.

### Run custom tests
Test a different brand or prompt set directly from your assistant.

---

## Quick start

1. Create an API key at [seoforgpt.io](https://www.seoforgpt.io) (Settings > API keys)

2. Add to Claude config:

```json
{
  "mcpServers": {
    "seoforgpt": {
      "command": "npx",
      "args": ["-y", "@seoforgpt/mcp"],
      "env": {
        "SEOFORGPT_API_KEY": "sgpt_your_key_here"
      }
    }
  }
}
```

Common locations:
- macOS: `~/Library/Application Support/Claude/claude_desktop_config.json`
- Windows: `%APPDATA%\Claude\claude_desktop_config.json`
- Linux: `~/.config/Claude/claude_desktop_config.json`

3. Or use with Cursor:

```json
{
  "mcpServers": {
    "seoforgpt": {
      "command": "npx",
      "args": ["-y", "@seoforgpt/mcp"],
      "env": {
        "SEOFORGPT_API_KEY": "sgpt_your_key_here"
      }
    }
  }
}
```

Place in `.cursor/mcp.json` or Cursor MCP settings.

Restart Claude or Cursor after adding the config.

---

## Example prompts

Use natural language. The assistant will call the right tools.

- "Use SEOforGPT. List my projects and run a visibility check."
- "Show me which competitors are being recommended instead of me."
- "Generate a full blog post based on my biggest visibility gap."
- "Check my website readiness and give me the top fixes."

---

## Features

- Track AI visibility across ChatGPT, Claude, and Perplexity
- Identify competitors appearing in AI answers
- Analyze citation sources used by AI systems
- Generate full content based on visibility gaps
- Run website AI readiness audits

---

## Authentication

Create an API key in SEOforGPT and pass it as:

`SEOFORGPT_API_KEY`

---

## Available tools

`list_projects` — List available projects in your account

`run_visibility` — Run a visibility check using saved prompts

`get_visibility_report` — Get the full visibility report

`get_competitor_intelligence` — Focus on competitors, gaps, and sources

`check_website_readiness` — Run AI readiness audit

`generate_content` — Generate full content based on project data

---

## Notes

- Restart Claude or Cursor after setup
- If no projects appear, check your API key
- This uses your existing SEOforGPT account, quotas, and projects

---

Full documentation: [seoforgpt.io/docs/mcp](https://www.seoforgpt.io/docs/mcp/)
npm package: @seognil-lab/chai-helper
Description: Chai Suger function
Author: Seognil LC
Latest version: 0.1.4
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

## ⭐️ What

A bundle of suger functions of chai the assertion library.

## 📦 Getting Started

**Installation**

```shell
npm install –-save-dev @seognil-lab/chai-helper
# or
yarn add -D @seognil-lab/chai-helper
```

**Usage**

`checkFitApprox(data, comp, [shouldPass = true], [delta])`

```javascript
// `test.js` which would be called by `mocha`

const {
    checkFit,
    checkFitApprox,
    checkEqual,
    checkEqualApprox,
    checkError,
    VOID,
    ANY,
} = require('@seognil-lab/chai-helper');

describe('simple test for api call', () => {
    it('wont crash', () => {
        checkFitApprox({ a: 0.1 + 0.2 }, { a: 0.3, d: VOID }, true);
    });
});
```

---

## 💡 Why

Make my life easier :)

## 📖 Description

**API**

-   checkFit
-   checkFitApprox
-   checkEqual
-   checkEqualApprox
-   checkError

**CheckFit Helper from deepIncludePartial**

-   VOID
-   ANY

---

## ⌨️ Contribution

```shell
# git clone and cd into it
git clone https://github.com/seognil-lab/chai-helper

# npm command
npm i
npm run test:watch
```

---

## 📜 References

https://github.com/seognil-lab/la-starter-cli  
https://github.com/seognil-lab/deep-include-partial  
https://github.com/seognil-lab/is-equal-approx

---

## 🕗 TODO
npm package: @seognil-lab/la-starter-cli
Description: My Javascript development cli
Author: Seognil LC
Latest version: 0.1.5
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

## 🛠️ What is this

A CLI to start a new project.

Appreciate to [vue-cli](https://github.com/vuejs/vue-cli).

---

## ⭐️ Provides

Make life easier :)

- Download project boilerplate
- Generate LICENSE and readme
- Update package.json
- npm and git init

---

## 📦 Getting Started

```bash
# install
npm i -g @seognil-lab/la-starter-cli

# command name
lcli -v
lcli --help

# create a new project
lcli create project-name

```

Don't forget to update `readme.md` and `package.json` of your project.

---

## 📜 References

[vue-cli](https://github.com/vuejs/vue-cli)

It would be better to tweak the official npm global config first.  
[Setting Global NPM Defaults for Quick-starting New Projects](https://codeburst.io/setting-global-npm-defaults-for-quick-starting-new-projects-ed06ed22edb3)  
Because these values would be used to update the `package.json` of the new project

- init-author-name
- init-version
- init-license

<br>

About my starters  
[webpack-starter](https://github.com/seognil-lab/webpack-starter)  
[lib-starter](https://github.com/seognil-lab/lib-starter)

---

## 🕗 TODO

- [ ] Refactor cli main code
- [ ] update checker
- [ ] Gen license using `spdx`
- [ ] `~/.lclirc` feature
- [ ] change `publishConfig.registry` command
- [ ] `license` command
- [ ] `readme` command
- [ ] Better readme template for JS project
- [ ] Only merge config files
- [ ] merge like git merge?
npm package: @seokgukim/mlua-language-server
Description: Standalone LSP server for the mLua language (MapleStory Worlds scripting). Wraps the msw.mlua VS Code extension and exposes a standard stdio JSON-RPC interface compatible with any LSP client.
Latest version: 1.0.1

# mlua-language-server

Standalone LSP server for the mLua language (MapleStory Worlds scripting).

Wraps the `msw.mlua` VS Code extension and exposes a standard stdio JSON-RPC interface compatible with any LSP client (Neovim, Zed, Helix, etc.).

## Requirements

- Node.js >= 16

## Installation

```sh
npm install -g mlua-language-server
```

Or clone and use directly:

```sh
git clone https://github.com/...
cd mlua-language-server
node mlua-server.js --stdio
```

## Usage

```sh
mlua-language-server --stdio
```

The extension (`msw.mlua`) is downloaded automatically from the VS Code Marketplace on first run. Subsequent runs use the cached copy.

To pin a specific install directory:

```sh
MLUA_INSTALL_DIR=/path/to/msw.mlua-1.1.5 mlua-language-server --stdio
```

## Editor Setup

### Neovim

Use [mlua.nvim](https://github.com/...) which bundles this wrapper and handles setup automatically.

For manual setup with `nvim-lspconfig`:

```lua
vim.lsp.config('mlua', {
  cmd = { 'mlua-language-server', '--stdio' },
  filetypes = { 'mlua' },
  root_dir = function(bufnr, on_dir)
    -- point to your project root
    on_dir(vim.fn.getcwd())
  end,
})
vim.lsp.enable('mlua')
```

### Zed

Add to `settings.json`:

```json
{
  "lsp": {
    "mlua": {
      "binary": {
        "path": "mlua-language-server",
        "args": ["--stdio"]
      }
    }
  }
}
```

### Helix

Add to `languages.toml`:

```toml
[[language]]
name = "mlua"
language-servers = ["mlua-language-server"]

[language-server.mlua-language-server]
command = "mlua-language-server"
args = ["--stdio"]
```

## Project Root Detection

The server indexes the entire project on startup. The project root is determined from the `rootUri` sent by the editor, with the following logic:

1. If the given directory (or any ancestor) contains both a `RootDesk/` and an `Environment/` sibling, that ancestor is used as the project root.
2. Otherwise the directory sent by the editor is used as-is.

This ensures `Environment/NativeScripts/` (type definitions) is always included in the workspace index regardless of which subdirectory the editor reports as the root.

## How It Works

```
Editor  ──stdio──▶  mlua-server.js  ──▶  proxy.js  ──stdio──▶  languageServer.js
                       (entry)             (LSP bridge)          (msw.mlua engine)
```

`proxy.js` intercepts the LSP `initialize` request, resolves the project root, indexes all `.mlua` and entry files (`.map`, `.ui`, `.model`, `.collisiongroupset`), and injects the result into `initializationOptions` before forwarding to the language server engine.

File watching is set up for the resolved project root so entry file changes (`.ent`) are forwarded to the server in real time.

## Environment Variables

| Variable | Description |
|---|---|
| `MLUA_INSTALL_DIR` | Absolute path to the `msw.mlua-<version>/` directory. Skips auto-discovery. |
npm package: @seokminhong/configs
Description: All-in-one ESLint, TypeScript, and Prettier configurations
Author: Seokmin Hong
Latest version: 2.4.1

# Configs

## How to use

### 1. Install the package

```sh
pnpm add -D @seokminhong/configs eslint prettier typescript
```

### 2. Set the configs

#### ESLint

```js
// eslint.config.js
import config from '@seokminhong/configs/eslint';

export default config();
```

#### ESLint (React)

```js
// eslint.config.js
import config from '@seokminhong/configs/eslint';
import react from '@seokminhong/configs/eslint/react';

export default config({
  envs: ['browser', 'node'],
  extensions: [react()],
});
```

#### Prettier

```jsonc
// .prettierrc
"@seokminhong/configs/prettier"
```

#### TSConfig

```jsonc
{
  "extends": "@seokminhong/config/tsconfig/node",
}
```

## TODO

- [ ] Provides Node.js ESLint rules
- [ ] Provides testing ESLint rules
- [ ] Supports Deno

## References

- [TSConfig Bases](https://github.com/tsconfig/bases?)
- [ESLint Flat Config](https://eslint.org/docs/v8.x/use/configure/configuration-files-new)
- [TypeScript ESLint Config](https://typescript-eslint.io/getting-started/typed-linting)
- [eslint-plugin-hardcore](https://github.com/EvgenyOrekhov/eslint-config-hardcore/)
- [Prettier Configuration](https://prettier.io/docs/en/configuration.html)
npm package: @seolhun/cache
Description: To store key value data
Author: Seolhun
Latest version: 1.2.0
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

![Stage Github workflow](https://github.com/Seolhun/cache/actions/workflows/stage-build-test.yml/badge.svg)
![Dev Github workflow](https://github.com/Seolhun/cache/actions/workflows/dev-build-test.yml/badge.svg)

# Cache

To store key value as Cache

## Requirement

Node > 10.0

## Install

```bash
npm install @seolhun/cache
```

```ts
import Cache from '@seolhun/cache';
```
npm package: @seolhun/localize-components
Description: Localizing React components is rendered by stand-alone not affect other styles.
Author: Seolhun
Latest version: 0.6.1-alpha.0

# Localize Components

## Used stacks

- TypeScript
- Babel 7
- Lerna
- RollupJS
- React
- EmotionJS
- Storybook

## How to getting started
#### Install Package

```bash
$ npm install @seolhun/localize-components
```

## How to use
#### import
```js
import { LocalizeModal } from '@seolhun/localize-components';
```
npm package: @seolhun/localize-components-atomic
Description: Localizing React components is rendered by stand-alone not affect other styles.
Author: Seolhun
Latest version: 0.6.1-alpha.0

# Localize Components Atomic

## Used stacks

- TypeScript
- Babel 7
- Lerna
- RollupJS
- React
- EmotionJS
- Storybook

## How to getting started
#### Install Package

```bash
$ npm install @seolhun/localize-components-atomic
```

## How to use
#### import
```js
import { LocalizeButton } from '@seolhun/localize-components-atomic';
```

## Localize-Component styling Priority

1. Components props
  - eg) Button.variant: solid
2. Component `intent` props
  - eg) Button.intent: primary
3. Localize style variable `localize` props
npm package: @seolhun/localize-components-core
Description: Base localizing react components
Author: Seolhun
Latest version: 0.0.9

# Localize Components
[![CircleCI](https://circleci.com/gh/Seolhun/localize-components/tree/master.svg?style=svg)](https://circleci.com/gh/Seolhun/localize-components/tree/master)
[![Codacy Badge](https://api.codacy.com/project/badge/Grade/2f4e28800ffd40f49437308309cbae45)](https://app.codacy.com/app/shun10114/localize-components?utm_source=github.com&utm_medium=referral&utm_content=Seolhun/localize-components&utm_campaign=badger)
[![codebeat badge](https://codebeat.co/badges/5f191928-a3e9-469d-beed-445bb4cde65d)](https://codebeat.co/projects/github-com-seolhun-localize-components-master)
[![lerna](https://img.shields.io/badge/maintained%20with-lerna-cc00ff.svg)](https://lernajs.io/)

- Author : [HunSeol](https://github.com/Seolhun/)

## Used stacks
- React
- TypeScript
- SCSS
- Storybook

## Getting start
#### Install Package
```bash
$ yarn add @seolhun/localize-components
```

#### Run Docs
```bash
$ yarn run dev
```

## How to use
#### import
```js
import { Button, anything } from '@seolhun/localize-components';
or 
import * as Components from '@seolhun/localize-components';
```
npm package: @seolhun/localize-components-docs
Description: All about Localizing React components docs
Author: Seolhun
Latest version: 0.5.2

# Localize React Components

[![CircleCI](https://circleci.com/gh/Seolhun/localize-components/tree/master.svg?style=svg)](https://circleci.com/gh/Seolhun/localize-components/tree/master)
[![Codacy Badge](https://api.codacy.com/project/badge/Grade/87c0d9f96fc74d94b60c0c397a6b30c6)](https://www.codacy.com/app/shun10114/localize-components?utm_source=github.com&amp;utm_medium=referral&amp;utm_content=Seolhun/localize-components&amp;utm_campaign=Badge_Grade)
[![codebeat badge](https://codebeat.co/badges/2ab413e3-946a-4719-bb75-07e76851cbba)](https://codebeat.co/projects/github-com-seolhun-localize-components-master)
[![lerna](https://img.shields.io/badge/maintained%20with-lerna-cc00ff.svg)](https://lernajs.io/)

- Author : [HunSeol](https://github.com/Seolhun/)

## Goal
- localized-style for custom.
- stylesheet variable(using props) on localize-components.
- One components must has a one stylesheet and design. but components be changed using theme props.

## Why
- I just want to build react components has no side effect. because some components has a global stylesheet affect original project style sheet.
- **I think that all components must be standalone anywhere, any environments.**

## Used stacks
- React
- TypeScript
- SCSS
- emotion
- Docz

## How to getting started
#### Install Package
```bash
$ yarn add @seolhun/localize-components
$ yarn add @seolhun/localize-components-atomic
```

## How to use
#### import
```js
import { Button } from '@seolhun/localize-components-atomic';
import { Alert } from '@seolhun/localize-components';
```

## Examples
### PROD
- Docs : [localize-components-examples.surge.sh](http://localize-components-docs.surge.sh/#/)
- Examples : [localize-components-examples.surge.sh](http://localize-components-examples.surge.sh/#/)

### DEV
- Docs : [dev.localize-components-examples.surge.sh](http://dev.localize-components-docs.surge.sh/#/)
- Examples : [dev.localize-components-examples.surge.sh](http://dev.localize-components-examples.surge.sh/#/)
npm package: @seolhun/localize-components-drawer
Description: Localizing React components is rendered by stand-alone not affect other styles.
Latest version: 0.0.16

# Localize Components
[![CircleCI](https://circleci.com/gh/Seolhun/localize-components/tree/master.svg?style=svg)](https://circleci.com/gh/Seolhun/localize-components/tree/master)
[![Codacy Badge](https://api.codacy.com/project/badge/Grade/2f4e28800ffd40f49437308309cbae45)](https://app.codacy.com/app/shun10114/localize-components?utm_source=github.com&utm_medium=referral&utm_content=Seolhun/localize-components&utm_campaign=badger)
[![codebeat badge](https://codebeat.co/badges/5f191928-a3e9-469d-beed-445bb4cde65d)](https://codebeat.co/projects/github-com-seolhun-localize-components-master)
[![lerna](https://img.shields.io/badge/maintained%20with-lerna-cc00ff.svg)](https://lernajs.io/)

- Author : [HunSeol](https://github.com/Seolhun/)

## Used stacks
- React
- TypeScript
- SCSS
- Storybook

## Getting start
#### Install Package
```bash
$ yarn add @seolhun/localize-components
```

#### Run Docs
```bash
$ yarn run dev
```

## How to use
#### import
```js
import { Button, anything } from '@seolhun/localize-components';
or 
import * as Components from '@seolhun/localize-components';
```
npm package: @seolhun/localize-components-examples
Description: All about Localizing React components examples
Author: Seolhun
Latest version: 0.5.2

# Localize React Components

[![CircleCI](https://circleci.com/gh/Seolhun/localize-components/tree/master.svg?style=svg)](https://circleci.com/gh/Seolhun/localize-components/tree/master) 
[![Codacy Badge](https://api.codacy.com/project/badge/Grade/87c0d9f96fc74d94b60c0c397a6b30c6)](https://www.codacy.com/app/shun10114/localize-components?utm_source=github.com&amp;utm_medium=referral&amp;utm_content=Seolhun/localize-components&amp;utm_campaign=Badge_Grade)
[![codebeat badge](https://codebeat.co/badges/2ab413e3-946a-4719-bb75-07e76851cbba)](https://codebeat.co/projects/github-com-seolhun-localize-components-master)
[![lerna](https://img.shields.io/badge/maintained%20with-lerna-cc00ff.svg)](https://lernajs.io/)

- Author : [HunSeol](https://github.com/Seolhun/)

## Used stacks
- React
- TypeScript
- SCSS
- Storybook
- Docz

## How to getting started
#### Install Package
```bash
$ yarn add @seolhun/localize-components
$ yarn add @seolhun/localize-components-atomic
```

## How to use
#### import
```js
import { Button } from '@seolhun/localize-components-atomic';
import { Alert } from '@seolhun/localize-components';
```

## Examples
[localize-components examples](http://localize-components.surge.sh/#/)
npm package: @seolhun/localize-components-form
Description: Localizing React components is rendered by stand-alone not affect other styles.
Author: Seolhun
Latest version: 0.5.2

# Localize Components
[![CircleCI](https://circleci.com/gh/Seolhun/localize-components/tree/master.svg?style=svg)](https://circleci.com/gh/Seolhun/localize-components/tree/master)
[![Codacy Badge](https://api.codacy.com/project/badge/Grade/2f4e28800ffd40f49437308309cbae45)](https://app.codacy.com/app/shun10114/localize-components?utm_source=github.com&utm_medium=referral&utm_content=Seolhun/localize-components&utm_campaign=badger)
[![codebeat badge](https://codebeat.co/badges/5f191928-a3e9-469d-beed-445bb4cde65d)](https://codebeat.co/projects/github-com-seolhun-localize-components-master)
[![lerna](https://img.shields.io/badge/maintained%20with-lerna-cc00ff.svg)](https://lernajs.io/)

- Author : [HunSeol](https://github.com/Seolhun/)

## Used stacks
- React
- TypeScript
- SCSS
- Storybook

## How to getting started
#### Install Package
```bash
$ yarn add @seolhun/localize-components
```

#### Run Docs
```bash
$ yarn run dev
```

## How to use
#### import
```js
import { Button, anything } from '@seolhun/localize-components';
or 
import * as Components from '@seolhun/localize-components';
```
npm package: @seolhun/localize-components-forms
Description: Localizing React components to render Grid for arragement
Author: Seolhun
Latest version: 0.6.1-alpha.0

# Localize Components Icon

## Used stacks

- TypeScript
- Babel 7
- Lerna
- RollupJS
- React
- EmotionJS
- Storybook

## How to getting started
#### Install Package

```bash
$ npm install @seolhun/localize-components-icon
```

## How to use
#### import
```js
import { LocalizeIcon } from '@seolhun/localize-components-icon';
```
npm package: @seolhun/localize-components-grid
Description: Localizing React components to render Grid for arragement
Author: Seolhun
Latest version: 0.6.1-alpha.0

# Localize Components Grid

## Used stacks

- TypeScript
- Babel 7
- Lerna
- RollupJS
- React
- EmotionJS
- Storybook

## How to getting started
#### Install Package

```bash
$ npm install @seolhun/localize-components-grid
```

## How to use
#### import
```js
import { LocalizeRow, LocalizeCol } from '@seolhun/localize-components-grid';
```
npm package: @seolhun/localize-components-hooks
Description: Localizing React components hooks
Author: Seolhun
Latest version: 0.6.1-alpha.0

# Localize React Components

## Used stacks

- TypeScript
- Babel 7
- Lerna
- RollupJS
- React
- EmotionJS
- Storybook

## How to getting started
#### Install Package
```bash
$ npm install @seolhun/localize-components
$ npm install @seolhun/localize-components-atomic
```

## How to use
#### import
```js
import { Button } from '@seolhun/localize-components-atomic';
import { Alert } from '@seolhun/localize-components';
```

## Examples
[localize-components examples](http://localize-components.surge.sh/#/)
npm package: @seolhun/localize-components-icon
Description: Localizing React components to render Grid for arragement
Author: Seolhun
Latest version: 0.6.1-alpha.0

# Localize Components Icon

## Used stacks

- TypeScript
- Babel 7
- Lerna
- RollupJS
- React
- EmotionJS
- Storybook

## How to getting started
#### Install Package

```bash
$ npm install @seolhun/localize-components-icon
```

## How to use
#### import
```js
import { LocalizeIcon } from '@seolhun/localize-components-icon';
```
npm package: @seolhun/localize-components-modal
Description: Localizing React components modal
Author: Seolhun
Latest version: 0.5.2

# Localize Components
[![CircleCI](https://circleci.com/gh/Seolhun/localize-components/tree/master.svg?style=svg)](https://circleci.com/gh/Seolhun/localize-components/tree/master)
[![Codacy Badge](https://api.codacy.com/project/badge/Grade/2f4e28800ffd40f49437308309cbae45)](https://app.codacy.com/app/shun10114/localize-components?utm_source=github.com&utm_medium=referral&utm_content=Seolhun/localize-components&utm_campaign=badger)
[![codebeat badge](https://codebeat.co/badges/5f191928-a3e9-469d-beed-445bb4cde65d)](https://codebeat.co/projects/github-com-seolhun-localize-components-master)
[![lerna](https://img.shields.io/badge/maintained%20with-lerna-cc00ff.svg)](https://lernajs.io/)

- Author : [HunSeol](https://github.com/Seolhun/)

## Used stacks
- React
- TypeScript
- SCSS
- Storybook

## How to getting started
#### Install Package
```bash
$ yarn add @seolhun/localize-components
```

#### Run Docs
```bash
$ yarn run dev
```

## How to use
#### import
```js
import { Button, anything } from '@seolhun/localize-components';
or 
import * as Components from '@seolhun/localize-components';
```
npm package: @seolhun/localize-components-sidebar
Description: Localizing React components is rendered by stand-alone not affect other styles.
Author: Seolhun
Latest version: 0.5.2

# Localize Components
[![CircleCI](https://circleci.com/gh/Seolhun/localize-components/tree/master.svg?style=svg)](https://circleci.com/gh/Seolhun/localize-components/tree/master)
[![Codacy Badge](https://api.codacy.com/project/badge/Grade/2f4e28800ffd40f49437308309cbae45)](https://app.codacy.com/app/shun10114/localize-components?utm_source=github.com&utm_medium=referral&utm_content=Seolhun/localize-components&utm_campaign=badger)
[![codebeat badge](https://codebeat.co/badges/5f191928-a3e9-469d-beed-445bb4cde65d)](https://codebeat.co/projects/github-com-seolhun-localize-components-master)
[![lerna](https://img.shields.io/badge/maintained%20with-lerna-cc00ff.svg)](https://lernajs.io/)

- Author : [HunSeol](https://github.com/Seolhun/)

## Used stacks
- React
- TypeScript
- SCSS
- Storybook

## How to getting started
#### Install Package
```bash
$ yarn add @seolhun/localize-components
```

#### Run Docs
```bash
$ yarn run dev
```

## How to use
#### import
```js
import { Button, anything } from '@seolhun/localize-components';
or
import * as Components from '@seolhun/localize-components';
```
npm package: @seolhun/localize-components-styled-types
Description: Localizing React components is rendered by stand-alone not affect other styles.
Author: Seolhun
Latest version: 0.6.1-alpha.0

# Localize React Components

## Used stacks

- TypeScript
- Babel 7
- Lerna
- RollupJS
- React
- EmotionJS
- Storybook

## How to getting started
#### Install Package
```bash
$ npm install @seolhun/localize-components
$ npm install @seolhun/localize-components-atomic
```

## How to use
#### import
```js
import { Button } from '@seolhun/localize-components-atomic';
import { Alert } from '@seolhun/localize-components';
```

## Examples
[localize-components examples](http://localize-components.surge.sh/#/)
npm package: @seolhun/localize-components-styled-utils
Description: Localizing React components is rendered by stand-alone not affect other styles.
Author: Seolhun
Latest version: 0.5.2

# Localize React Components

[![CircleCI](https://circleci.com/gh/Seolhun/localize-components/tree/master.svg?style=svg)](https://circleci.com/gh/Seolhun/localize-components/tree/master) 
[![Codacy Badge](https://api.codacy.com/project/badge/Grade/87c0d9f96fc74d94b60c0c397a6b30c6)](https://www.codacy.com/app/shun10114/localize-components?utm_source=github.com&amp;utm_medium=referral&amp;utm_content=Seolhun/localize-components&amp;utm_campaign=Badge_Grade)
[![codebeat badge](https://codebeat.co/badges/2ab413e3-946a-4719-bb75-07e76851cbba)](https://codebeat.co/projects/github-com-seolhun-localize-components-master)
[![lerna](https://img.shields.io/badge/maintained%20with-lerna-cc00ff.svg)](https://lernajs.io/)

- Author : [HunSeol](https://github.com/Seolhun/)

## Used stacks
- React
- TypeScript
- SCSS
- Storybook
- Docz

## How to getting started
#### Install Package
```bash
$ yarn add @seolhun/localize-components
$ yarn add @seolhun/localize-components-atomic
```

## How to use
#### import
```js
import { Button } from '@seolhun/localize-components-atomic';
import { Alert } from '@seolhun/localize-components';
```

## Examples
[localize-components examples](http://localize-components.surge.sh/#/)
npm package: @seolhun/localize-components-table
Description: Localizing React components to render Grid for arragement
Author: Seolhun
Latest version: 0.6.1-alpha.0

# Localize Components Table

## Used stacks

- TypeScript
- Babel 7
- Lerna
- RollupJS
- React
- EmotionJS
- Storybook

## How to getting started
#### Install Package

```bash
$ npm install @seolhun/localize-components-table
```

## How to use
#### import
```js
import { LocalizeTable } from '@seolhun/localize-components-table';
```
npm package: @seolhun/localize-components-types
Description: Localizing React components is rendered by stand-alone not affect other styles.
Author: Seolhun
Latest version: 0.5.2

# Localize React Components

[![CircleCI](https://circleci.com/gh/Seolhun/localize-components/tree/master.svg?style=svg)](https://circleci.com/gh/Seolhun/localize-components/tree/master) 
[![Codacy Badge](https://api.codacy.com/project/badge/Grade/87c0d9f96fc74d94b60c0c397a6b30c6)](https://www.codacy.com/app/shun10114/localize-components?utm_source=github.com&amp;utm_medium=referral&amp;utm_content=Seolhun/localize-components&amp;utm_campaign=Badge_Grade)
[![codebeat badge](https://codebeat.co/badges/2ab413e3-946a-4719-bb75-07e76851cbba)](https://codebeat.co/projects/github-com-seolhun-localize-components-master)
[![lerna](https://img.shields.io/badge/maintained%20with-lerna-cc00ff.svg)](https://lernajs.io/)

- Author : [HunSeol](https://github.com/Seolhun/)

## Used stacks
- React
- TypeScript
- SCSS
- Storybook
- Docz

## How to getting started
#### Install Package
```bash
$ yarn add @seolhun/localize-components
$ yarn add @seolhun/localize-components-atomic
```

## How to use
#### import
```js
import { Button } from '@seolhun/localize-components-atomic';
import { Alert } from '@seolhun/localize-components';
```

## Examples
[localize-components examples](http://localize-components.surge.sh/#/)
npm package: @seolhun/localize-components-utils
Description: Localizing React components is rendered by stand-alone not affect other styles.
Latest version: 0.1.2

# Localize React Components

[![CircleCI](https://circleci.com/gh/Seolhun/localize-components/tree/master.svg?style=svg)](https://circleci.com/gh/Seolhun/localize-components/tree/master) 
[![Codacy Badge](https://api.codacy.com/project/badge/Grade/87c0d9f96fc74d94b60c0c397a6b30c6)](https://www.codacy.com/app/shun10114/localize-components?utm_source=github.com&amp;utm_medium=referral&amp;utm_content=Seolhun/localize-components&amp;utm_campaign=Badge_Grade)
[![codebeat badge](https://codebeat.co/badges/2ab413e3-946a-4719-bb75-07e76851cbba)](https://codebeat.co/projects/github-com-seolhun-localize-components-master)
[![lerna](https://img.shields.io/badge/maintained%20with-lerna-cc00ff.svg)](https://lernajs.io/)

- Author : [HunSeol](https://github.com/Seolhun/)

## Used stacks
- React
- TypeScript
- SCSS
- Storybook
- Docz

## Getting start
#### Install Package
```bash
$ yarn add @seolhun/localize-components
$ yarn add @seolhun/localize-components-atomic
```

## How to use
#### import
```js
import { Button } from '@seolhun/localize-components-atomic';
import { Alert } from '@seolhun/localize-components';
```

## Examples
[localize-components examples](http://localize-components.surge.sh/#/)
npm package: @seolhun/localize-components-utils-event
Description: Localizing React components is rendered by stand-alone not affect other styles.
Author: Seolhun
Latest version: 0.5.2

# Localize React Components

[![CircleCI](https://circleci.com/gh/Seolhun/localize-components/tree/master.svg?style=svg)](https://circleci.com/gh/Seolhun/localize-components/tree/master)
[![Codacy Badge](https://api.codacy.com/project/badge/Grade/87c0d9f96fc74d94b60c0c397a6b30c6)](https://www.codacy.com/app/shun10114/localize-components?utm_source=github.com&amp;utm_medium=referral&amp;utm_content=Seolhun/localize-components&amp;utm_campaign=Badge_Grade)
[![codebeat badge](https://codebeat.co/badges/2ab413e3-946a-4719-bb75-07e76851cbba)](https://codebeat.co/projects/github-com-seolhun-localize-components-master)
[![lerna](https://img.shields.io/badge/maintained%20with-lerna-cc00ff.svg)](https://lernajs.io/)

- Author : [HunSeol](https://github.com/Seolhun/)

## Used stacks
- React
- TypeScript
- SCSS
- Storybook
- Docz

## How to getting started
#### Install Package
```bash
$ yarn add @seolhun/localize-components
$ yarn add @seolhun/localize-components-atomic
```

## How to use
#### import
```js
import { Button } from '@seolhun/localize-components-atomic';
import { Alert } from '@seolhun/localize-components';
```

## Examples
[localize-components examples](http://localize-components.surge.sh/#/)
npm package: @seolhun/localize-react-components
Description: Localizing React components is rendered by stand-alone not affect other styles.
Author: Seolhun
Latest version: 1.0.6

# Localize React Components
[![CircleCI](https://circleci.com/gh/Seolhun/localize-react-components/tree/master.svg?style=svg)](https://circleci.com/gh/Seolhun/localize-react-components/tree/master)
[![Codacy Badge](https://api.codacy.com/project/badge/Grade/2f4e28800ffd40f49437308309cbae45)](https://app.codacy.com/app/shun10114/localize-react-components?utm_source=github.com&utm_medium=referral&utm_content=Seolhun/localize-react-components&utm_campaign=badger)
[![codebeat badge](https://codebeat.co/badges/5f191928-a3e9-469d-beed-445bb4cde65d)](https://codebeat.co/projects/github-com-seolhun-localize-react-components-master)
[![lerna](https://img.shields.io/badge/maintained%20with-lerna-cc00ff.svg)](https://lernajs.io/)

- Author : [HunSeol](https://github.com/Seolhun/)

## Used stacks
- React
- TypeScript
- SCSS
- Storybook

## Getting start
#### Install Package
```bash
$ yarn add @seolhun/localize-react-components
```

#### Run Docs
```bash
$ yarn run dev
```

## How to use
#### import
```js
import { Button, anything } from '@seolhun/localize-react-components';
or 
import * as Components from '@seolhun/localize-react-components';
```
npm package: @seolhun/memory-form
Description: To build memory-form modules
Author: Seolhun
Latest version: 0.1.4-alpha.0

# memory-form

[![Build Status](https://travis-ci.com/Seolhun/memory-form.svg?branch=master)](https://travis-ci.com/Seolhun/memory-form)

## Goal

- Memorizing values
- Time travel changing value
- Multi support framework

## How to use

```bash
# For JS
npm install @seolhun/memory-form
```

### Javascript
```js
import { FormValue, FormGroup } from '@seolhun/memory-form';

// FormValue
const formValue = new FormValue<number>(0, {
  onValidation: (value: number) => {
    if (value > 10) {
      return 'Over 10';
    }
    return '';
  },
});
formValue.value(); // 0
formValue.setValue(11)
formValue.hasError; // true
formValue.error; // 'Over 10';
formValue.toValue().hasError; // true
formValue.toValue().error; // 'Over 10';

// FormGroup
interface User {
  name: string;
  age: number;
}

let user = {
  name: 'seol',
  age: 20,
};

const formGroup = new FormGroup<User>({
  name: {
    value: user.name,
  },
  age: {
    value: user.age,
    onValidation: (newValue) => {
      if (newValue !== 20) {
        return 'Has Changed';
      }
      return '';
    },
  },
});
formGroup.form.name.value(); // 'seol'
formGroup.form.age.toValue().value; // 20
Object.assign(user, {
  age: 25,
});
formGroup.setValue(user)
formGroup.form.age.error; // 'Has Changed';
formGroup.toValue().age.error; // 'Has Changed';
```
npm package: @seolhun/memory-form-hooks
Description: To build memory-form-hooks
Author: Seolhun
Latest version: 0.1.4-alpha.0

# memory-form-hooks

## Goal

- Memorizing values
- Time travel changing value
- Multi support framework

## How to use


```bash
# For React
npm install @seolhun/memory-form-hooks
```

### React
```ts
import { useFormValue, useFormGroup } from '@seolhun/memory-form-hooks';

// FormValue
const formValue = useFormValue<number>(0, {
  onValidation: (value: number) => {
    if (value > 10) {
      return 'Over 10';
    }
    return '';
  },
});
formValue.value(); // 0
formValue.setValue(11)
formValue.hasError; // true
formValue.error; // 'Over 10';
formValue.toValue().hasError; // true
formValue.toValue().error; // 'Over 10';

// FormGroup
interface User {
  name: string;
  age: number;
}

let user = {
  name: 'seol',
  age: 20,
};

const formGroup = useFormGroup<User>({
  name: {
    value: user.name,
  },
  age: {
    value: user.age,
    onValidation: (newValue) => {
      if (newValue !== 20) {
        return 'Has Changed';
      }
      return '';
    },
  },
});
formGroup.form.name.value(); // 'seol'
formGroup.form.age.toValue().value; // 20
Object.assign(user, {
  age: 25,
});
formGroup.setValue(user)
formGroup.form.age.error; // 'Has Changed';
formGroup.toValue().age.error; // 'Has Changed';
```
npm package: @seolhun/momory-form-core
Description: To build momory-form-core modules
Author: Seolhun
Latest version: 0.0.4

# memory-form-core

[![Build Status](https://travis-ci.com/Seolhun/memory-form.svg?branch=master)](https://travis-ci.com/Seolhun/memory-form)

## Goal

- Memorizing values
- Time travel changing value
- Multi support framework

## How to use

```bash
# For JS
npm install @seolhun/memory-form-core
```

### Javascript
```js
import { FormValue, FormGroup } from '@seolhun/memory-form-core';

// FormValue
const formValue = new FormValue<number>(0, {
  onValidation: (value: number) => {
    if (value > 10) {
      return 'Over 10';
    }
    return '';
  },
});
formValue.value(); // 0
formValue.setValue(11)
formValue.hasError; // true
formValue.error; // 'Over 10';
formValue.toValue().hasError; // true
formValue.toValue().error; // 'Over 10';

// FormGroup
interface User {
  name: string;
  age: number;
}

let user = {
  name: 'seol',
  age: 20,
};

const formGroup = new FormGroup<User>({
  name: {
    value: user.name,
  },
  age: {
    value: user.age,
    onValidation: (newValue) => {
      if (newValue !== 20) {
        return 'Has Changed';
      }
      return '';
    },
  },
});
formGroup.form.name.value(); // 'seol'
formGroup.form.age.toValue().value; // 20
Object.assign(user, {
  age: 25,
});
formGroup.setValue(user)
formGroup.form.age.error; // 'Has Changed';
formGroup.toValue().age.error; // 'Has Changed';
```
npm package: @seolhun/react-simple-components
Description: We just pursue simple and easy react components to customize.
Author: Seolhun
Latest version: 1.0.12
Deprecated: Not used this anymore

# React Simple Components to customizing

- Author : [HunSeol](https://github.com/Seolhun/)

## Used stacks

- React
- TypeScript
- SCSS

## Getting start

1.  yarn install
2.  yarn dev
npm package: @seolhun/vue-slide
Description: A Vue Slide Component to show Banners
Author: Seolhun
Latest version: 1.0.3

# Vue-slide

> A Vue Slide Component to show Banners

## Installation
#### NPM

```bash
npm install @seolhun/vue-slide --save
```

## Register the component

```js
import SlideVue from '@seolhun/vue-slide'
```

```js
Vue.component('vue-slide', SlideVue);
```

## Usage

#### 1. Default items
```html
<!--
const banners = [
  {
    image: '',
    link: '',
  }, {
    image: '',
    link: '',
  },
]
-->
<vue-slide :items='banners'></vue-slide>
```

#### 2. Custom items
```html
<!--
const banners = [
  {
    img: '',
    url: '',
  }, {
    img: '',
    url: '',
  },
]
-->
<vue-slide :items='banners' :itemImageKey='img' :itemLinkKey='url'></vue-slide>
```

## Props
| Name | Type | Default | Description |
| ---:| --- | ---| --- |
| items | Array | [] | Items to be render in the Slide |
| itemImageKey | String | 'image' | Image key of items to show client |
| itemLinkKey | String | 'link' | Link key of items to show client |
| timeout | Number | 6000 | Automatically changed item on timeout |
| isAuto | Boolean | true | Whether used or not automatically changing item |
| isRepeat | Boolean | true | Whether used or not repetition when reached last item. |

<!-- | touch | Boolean | true | Whether used or not flip using touch action | -->

## Next Update List
- Mobile Break point prop will be added for custom.
- Touch prop will be added for mobile touch.