open-index/open-npm huggingface dataset:
npm package: @smileeye.edu.vn/audio
Description: ReactJS/NextJS Library Component for upload/view Audio. Easy to use. Upload to S3 server support.
Author: tien.luckyfor
Latest version: 0.1.7

# SmileEye.Edu.Vn React Audio
ReactJS/NextJS Library Component for upload/view Audio. Easy to use. Upload to S3 server support.


## Live demo
https://link-to-demo


## Setup
Install SmileEye.Edu.Vn React Audio with npm

```bash
npm install @smileeye.edu.vn/audio
```

Get API key at https://link-to-project

Add API key at ```.env``` file.
```bash
// ReactJS .env
REACT_APP_CODEBY_STORAGE_URL=https://package-storage.codeby.com
REACT_APP_CODEBY_STORAGE_TOKEN=xxx
REACT_APP_CODEBY_STORAGE_API=xxx

// NextJS .env
NEXT_PUBLIC_CODEBY_STORAGE_URL=https://package-storage.codeby.com
NEXT_PUBLIC_CODEBY_STORAGE_TOKEN=xxx
NEXT_PUBLIC_CODEBY_STORAGE_API=xxx
```
## Usage/Examples

```javascript
import {AudioSingleUpload, AudioPlay} from "@smileeye.edu.vn/audio";
import {useEffect, useState} from "react";
import "@smileeye.edu.vn/audio/src/smileeye.edu.vn-audio.min.css";

const App = () => {
    const [value, setValue] = useState()

    useEffect(() => {
        console.log("useEffect value", value)
    }, [value])

    return (
        <>
            <AudioSingleUpload
                value={value}
                onChange={setValue}
            />
            <hr/>
            <AudioPlay audio={value}/>
        </>
    )
}

export default App
```


## Support

For support, email ```tiennv.ppe@gmail.com``` or join our Slack channel.
R&D by https://smileeye.edu.vn

## License

[MIT](https://choosealicense.com/licenses/mit/)
npm package: @smileeye.edu.vn/comment
Description: ReactJS/NextJS Library Component for Comment. Easy to use.
Author: tien.luckyfor
Latest version: 0.1.15

# SmileEye.Edu.Vn React Comment
ReactJS/NextJS Library Component for Comment. Easy to use.


## Live demo
https://link-to-demo


## Setup
Install SmileEye.Edu.Vn React Comment with npm

```bash
npm install @smileeye.edu.vn/comment
```

Get API key at https://link-to-project

Add API key at ```.env``` file.
```bash
// ReactJS .env or Antd Pro .env
REACT_APP_CODEBY_COMMENT_URL=https://package-comment.codeby.com
REACT_APP_CODEBY_COMMENT_TOKEN=xxx
REACT_APP_CODEBY_COMMENT_API=xxx

// NextJS .env
NEXT_PUBLIC_CODEBY_COMMENT_URL=https://package-comment.codeby.com
NEXT_PUBLIC_CODEBY_COMMENT_TOKEN=xxx
NEXT_PUBLIC_CODEBY_COMMENT_API=xxx
```
## Usage/Examples

```javascript
import {CommentBase} from "@smileeye.edu.vn/comment";
import {useEffect, useState} from "react";
import "@smileeye.edu.vn/comment/src/smileeye.edu.vn-comment.min.css";

const App = () => {
    const person = {
        "specialId": "1",
        "name": "Tien Nguyen",
        "avatar": "https://picsum.photos/300"
    };
    const unique = {
        "url": "http://uniqueUrl"
    }
    return (
        <>
            <CommentBase person={person} unique={unique}/>
        </>
    )
}

export default App
```


## Support

For support, email ```tiennv.ppe@gmail.com``` or join our Slack channel.
R&D by https://smileeye.edu.vn

## License

[MIT](https://choosealicense.com/licenses/mit/)
npm package: @smileeye.edu.vn/editor
Description: ReactJS/NextJS Library Component for upload/view Editor. Easy to use. Upload to S3 server support.
Author: tien.luckyfor
Latest version: 0.1.7

# SmileEye.Edu.Vn React Editor
ReactJS/NextJS Library Component for upload/view Editor. Easy to use. Upload to S3 server support.


## Live demo
https://link-to-demo


## Setup
Install SmileEye.Edu.Vn React Editor with npm

```bash
npm install @smileeye.edu.vn/editor
```

Get API key at https://link-to-project

Add API key at ```.env``` file.
```bash
// ReactJS .env
REACT_APP_CODEBY_STORAGE_URL=https://package-storage.codeby.com
REACT_APP_CODEBY_STORAGE_TOKEN=xxx
REACT_APP_CODEBY_STORAGE_API=xxx

// NextJS .env
NEXT_PUBLIC_CODEBY_STORAGE_URL=https://package-storage.codeby.com
NEXT_PUBLIC_CODEBY_STORAGE_TOKEN=xxx
NEXT_PUBLIC_CODEBY_STORAGE_API=xxx
```
## Usage/Examples

```javascript
import {useEffect, useState} from "react";
import {EditorJS, getText} from "@smileeye.edu.vn/editor";
import "@smileeye.edu.vn/editor/src/smileeye.edu.vn-editor.min.css";

const App = () => {
    const [value, setValue] = useState()
    const [text, setText] = useState("lorem")

    useEffect(() => {
        const text = getText(value);
        setText(text);
    }, [value])

    return (
        <div className={"p-10"}>
            <EditorJS
                value={value}
                onChange={setValue}
                isBorder
            />
            <hr/>
            <EditorJS
                value={value}
                readOnly
                isBorder
            />
        </div>
    )
}
export default App
```

## Support

For support, email ```tiennv.ppe@gmail.com``` or join our Slack channel.
R&D by https://smileeye.edu.vn

## License

[MIT](https://choosealicense.com/licenses/mit/)
npm package: @smileeye.edu.vn/group
Description: ReactJS/NextJS Library Component for upload/view Group. Easy to use. Upload to S3 server support. Combine video, image, audio upload & view from these package: - https://www.npmjs.com/package/@smileeye.edu.vn/image - https://www.npmjs.com/package/@smileey
Author: tien.luckyfor
Latest version: 0.1.5

# SmileEye.Edu.Vn React Group
ReactJS/NextJS Library Component for upload/view Group. Easy to use. Upload to S3 server support.
Combine video, image, audio upload & view from these package:
- https://www.npmjs.com/package/@smileeye.edu.vn/image
- https://www.npmjs.com/package/@smileeye.edu.vn/video
- https://www.npmjs.com/package/@smileeye.edu.vn/audio

## Live demo
https://link-to-demo


## Setup
Install SmileEye.Edu.Vn React Group with npm

```bash
npm install @smileeye.edu.vn/group
```

Get API key at https://link-to-project

Add API key at ```.env``` file.
```bash
// ReactJS .env
REACT_APP_CODEBY_STORAGE_URL=https://package-storage.codeby.com
REACT_APP_CODEBY_STORAGE_TOKEN=xxx

// NextJS .env
NEXT_PUBLIC_CODEBY_STORAGE_URL=https://package-storage.codeby.com
NEXT_PUBLIC_CODEBY_STORAGE_TOKEN=xxx
```
## Usage/Examples

```javascript
import {GroupSingleUpload, GroupView} from "@smileeye.edu.vn/group";
import {useEffect, useState} from "react";
import "@smileeye.edu.vn/audio/src/smileeye.edu.vn-audio.min.css";
import "@smileeye.edu.vn/video/src/smileeye.edu.vn-video.min.css";
import "@smileeye.edu.vn/image/src/smileeye.edu.vn-image.min.css";
import "@smileeye.edu.vn/group/src/smileeye.edu.vn-group.min.css";

const App = () => {
    const [value, setValue] = useState()

    useEffect(() => {
        console.log("useEffect value", value)
    }, [value])

    return (
        <>
            <GroupUpload
                value={value}
                onChange={setValue}
            />
            <hr/>
            <GroupView data={value}/>
        </>
    )
}

export default App
```


## Support

For support, email ```tiennv.ppe@gmail.com``` or join our Slack channel.
R&D by https://smileeye.edu.vn

## License

[MIT](https://choosealicense.com/licenses/mit/)
npm package: @smileeye.edu.vn/image
Description: ReactJS/NextJS Library Component for upload/view Image. Easy to use. Upload to S3 server support.
Author: tien.luckyfor
Latest version: 0.1.27

# SmileEye.Edu.Vn React Image
ReactJS/NextJS Library Component for upload/view Image. Easy to use. Upload to S3 server support.


## Live demo
https://link-to-demo


## Setup
Install SmileEye.Edu.Vn React Image with npm

```bash
npm install @smileeye.edu.vn/image
```

Get API key at https://link-to-project

Add API key at ```.env``` file.
```bash
// ReactJS .env or Antd Pro .env
REACT_APP_CODEBY_STORAGE_URL=https://package-storage.codeby.com
REACT_APP_CODEBY_STORAGE_TOKEN=xxx
REACT_APP_CODEBY_STORAGE_API=xxx

// NextJS .env
NEXT_PUBLIC_CODEBY_STORAGE_URL=https://package-storage.codeby.com
NEXT_PUBLIC_CODEBY_STORAGE_TOKEN=xxx
NEXT_PUBLIC_CODEBY_STORAGE_API=xxx
```
## Usage/Examples

```javascript
import {ImageSingleUpload, ImageView} from "@smileeye.edu.vn/image";
import {useEffect, useState} from "react";
import "@smileeye.edu.vn/image/src/smileeye.edu.vn-image.min.css";

const App = () => {
    const [value, setValue] = useState()

    useEffect(() => {
        console.log("useEffect value", value)
    }, [value])

    return (
        <>
            <ImageSingleUpload
                value={value}
                onChange={setValue}
            />
            <hr/>
            <ImageView image={value}/>
        </>
    )
}

export default App
```


## Support

For support, email ```tiennv.ppe@gmail.com``` or join our Slack channel.
R&D by https://smileeye.edu.vn

## License

[MIT](https://choosealicense.com/licenses/mit/)
npm package: @smileeye.edu.vn/video
Description: ReactJS/NextJS Library Component for upload/play Video. Easy to use. Upload to S3 server support.
Author: tien.luckyfor
Latest version: 0.1.5

# SmileEye.Edu.Vn React Video
ReactJS/NextJS Library Component for upload/play Video. Easy to use. Upload to S3 server support.


## Live demo
https://link-to-demo


## Setup
Install SmileEye.Edu.Vn React Video with npm

```bash
npm install @smileeye.edu.vn/video
```

Get API key at https://link-to-project

Add API key at ```.env``` file.
```bash
// ReactJS .env
REACT_APP_CODEBY_STORAGE_URL=https://package-storage.codeby.com
REACT_APP_CODEBY_STORAGE_TOKEN=xxx
REACT_APP_CODEBY_STORAGE_API=xxx

// NextJS .env
NEXT_PUBLIC_CODEBY_STORAGE_URL=https://package-storage.codeby.com
NEXT_PUBLIC_CODEBY_STORAGE_TOKEN=xxx
NEXT_PUBLIC_CODEBY_STORAGE_API=xxx
```
## Usage/Examples

```javascript
import {VideoSingleUpload, VideoPlay} from "@smileeye.edu.vn/video";
import {useEffect, useState} from "react";
import "@smileeye.edu.vn/video/src/smileeye.edu.vn-video.min.css";

const App = () => {
    const [value, setValue] = useState()

    useEffect(() => {
        console.log("useEffect value", value)
    }, [value])

    return (
        <>
            <VideoSingleUpload
                value={value}
                onChange={setValue}
            />
            <hr/>
            <VideoPlay video={value}/>
        </>
    )
}

export default App
```


## Support

For support, email ```tiennv.ppe@gmail.com``` or join our Slack channel.
R&D by https://smileeye.edu.vn

## License

[MIT](https://choosealicense.com/licenses/mit/)
npm package: @smilefdd/js-mate
Description: a javascript mate
Author: FDD
Latest version: 0.0.2

# js-mate

> 一个类jquery的工具库

[![Build Status](https://travis-ci.org/sakitam-fdd/js-mate.svg?branch=master)](https://www.travis-ci.org/sakitam-fdd/js-mate)
[![codecov](https://codecov.io/gh/sakitam-fdd/js-mate/branch/master/graph/badge.svg)](https://codecov.io/gh/sakitam-fdd/js-mate)
[![NPM downloads](https://img.shields.io/npm/dm/@smilefdd/js-mate.svg)](https://npmjs.org/package/@smilefdd/js-mate)
[![](https://data.jsdelivr.com/v1/package/npm/@smilefdd/js-mate/badge)](https://www.jsdelivr.com/package/npm/@smilefdd/js-mate)
![JS gzip size](http://img.badgesize.io/https://unpkg.com/@smilefdd/js-mate/dist/js-mate.js?compression=gzip&label=gzip%20size:%20JS)
[![Npm package](https://img.shields.io/npm/v/@smilefdd/js-mate.svg)](https://www.npmjs.org/package/@smilefdd/js-mate)
[![GitHub stars](https://img.shields.io/github/stars/sakitam-fdd/js-mate.svg)](https://github.com/sakitam-fdd/js-mate/stargazers)
[![GitHub license](https://img.shields.io/badge/license-MIT-blue.svg)](https://raw.githubusercontent.com/sakitam-fdd/js-mate/master/LICENSE)

## 下载


```bash
git clone https://github.com/sakitam-fdd/js-mate.git
npm install
npm run dev
npm run build
npm run karma.test
npm run karma.cover
```

### 安装

#### npm安装

```bash
npm install @smilefdd/js-mate --save
import Mate from '@smilefdd/js-mate'
```

#### cdn

目前可通过 
- [unpkg.com](https://unpkg.com/@smilefdd/js-mate/dist/js-mate.js) 
- [jsdelivr](https://cdn.jsdelivr.net/npm/@smilefdd/js-mate/dist/js-mate.js) 获取最新版本的资源。

```bash
// jsdelivr (jsdelivr由于缓存原因最好锁定版本号)
https://cdn.jsdelivr.net/npm/@smilefdd/js-mate/dist/js-mate.js
https://cdn.jsdelivr.net/npm/@smilefdd/js-mate/dist/js-mate.min.js
// npm
https://unpkg.com/@smilefdd/js-mate/dist/js-mate.js
https://unpkg.com/@smilefdd/js-mate/dist/js-mate.min.js
```

#### [文档](//sakitam-fdd.github.io/js-mate/docs/)