open-index/open-npm huggingface dataset:
npm package: @hub22/eslint-config
Description: Hub22 eslint configuration
Author: rozzettimatheus
Latest version: 1.0.0

# Hub22 Eslint Config

## Included

✅ Google's Standard Styleguide<br>
✅ Typescript Support<br>
✅ Prettier

## Setup

### Install dependencies

```bash
  npm i -D eslint @hub22/eslint-config
```

## Create a .eslintrc.json
```json
{
  "extends": ["@hub22/eslint-config/node"]
}
```
npm package: @hub9/angular-oauth-client
Description: Angular authentication module for OAuth APIs
Author: hub9
Latest version: 2.0.9

# Angular OAuth Client

Angular module for authenticate to OAuth API backends.

## Install

```bash
$ npm install --save @hub9/angular-oauth-client
```

## Configure

```typescript
// ...
import { AuthModule } from '@hub9/angular-oauth-client';

const apiConfig = {
  apiId: '<Api_Id>',
  apiSecret: '<Api_Secret>',
  apiUrl: 'api/',
  apiOauthUrl: 'oauth/',
  unauthorizedRoute: '/login/',
};

@NgModule({
  // ...
  imports: [
    // ...
    AuthModule.forRoot(apiConfig),
    // ...
  ],
  // ...
})
export class AppModule {}
```

## Usage

```typescript
import { AuthService } from '@hub9/angular-oauth-client';

@Component({...})
export class MyComponent {
  constructor(private auth: AuthService) {}

  login(username, password) {
    this.auth.login(username, password).subscribe(response => {
      console.log('Auth data:', response);
    });
  }

  logout() {
    this.auth.logout();
  }

  httpRequests() {
    // Do a GET request using authentication headers
    this.auth.get('myresource/1/').subscribe(data => console.log(data));

    // Do a POST request using authentication headers and sending data
    this.auth.post('myresource/', { name: 'name' }).subscribe(data => console.log(data));

    // Do a PUT request using authentication headers and sending data
    this.auth.put('myresource/1/', { name: 'name' }).subscribe(data => console.log(data));

    // Do a DELETE request using authentication headers
    this.auth.delete('myresource/1/').subscribe(() => console.log('deleted'));
  }
}
```

## Contribute

```bash
$ git clone https://github.com/hub9co/angular-oauth-client.git
$ cd angular-oauth-client
$ npm install
$ npm run build
```
npm package: @hub9/aws-deployatron
Description: AWS static file deploy helper
Author: Rômulo Ruas
Latest version: 1.3.0

# 🚀 AWS Deployatron

## Requirements

* Node 8.9+

## Installation

```bash
$ npm install @hub9/aws-deployatron
```

## Usage

1) Setup the following env vars:

| Environment variables   | Description              |
|:------------------------|:-------------------------|
| `PUBLIC_URL`            | Public url for deployed files. Target directory is extracted for this. |
| `AWS_REGION`            | AWS Region to connect to |
| `AWS_ACCESS_KEY_ID`     | AWS Key ID               |
| `AWS_SECRET_ACCESS_KEY` | AWS Access Key           |
| `AWS_S3_BUCKET`         | S3 Bucket name           |
| `AWS_CLOUDFRONT_ID`     | Cloudfront distribution ID associated with this bucket |

2) Call the binary:

```bash
$ aws-deployatron --inputDir <sourceDir>
```

### Todo
* [ ] Improve options
* [ ] Improve CLI usage
* [ ] Improve modularization
npm package: @hubary/build-info
Description: ```node npm install @hubary/build-info -D ```
Author: hubary
Latest version: 1.0.7

# build-info使用指南

## 一. 安装@hubary/build-info

```node
npm install @hubary/build-info -D
```

## 二. package.json配置scripts

```json
   // dist-static/static为要存放自动生成build-info.json的文件路径
  "postbuild": "buildInfo dist-static/static",

```

<!-- npm version patch -->
npm package: @hubary/element-plugins
Description: ```bash ## 安装 npm i @hubary/element-plugins ```
Latest version: 1.1.9

# @hubary/element-plugins

```bash
## 安装
npm i @hubary/element-plugins
```

## 1. hubary-expand-search

> 提供表格上方搜索栏条件的展开收起的功能
>  
![image](examples/assets/demo1.png)

## 2. hubary-remote-search

> 提供基于elementUI封装的远程查询功能

## 3. el-dialog-limit

> 对elementUI的el-dialog组件进行包装，尺寸的限制,提供四种尺寸的弹窗，用法和el-dialog完全一致
>
> - mini
> - small
> - medium
> - fullscreen

```vue
<el-dialog-limit  size="small"  :visible.sync="visible">
      <span slot="title">标题{{ current }}</span>
      <span>这是一段信息</span>
      <span slot="footer" class="dialog-footer">
        <el-button @click="visible = false">取消</el-button>
      </span>
</el-dialog-limit>
```

## 4. hubary-dot

> 借鉴自[suning uxcool组件库](http://uxcool.suning.com/guide/introduction)的badge状态
>
![image](examples/assets/demo4.png)

```bash
使用方式1: (推荐)
import ElementPlugins from '@hubary/element-plugins/packages/index'
Vue.use(ElementPlugins)

使用方式2:
import "@hubary/element-plugins/dest/element-plugins.css"
import ElementPlugins from "@hubary/element-plugins"

Vue.use(ElementPlugins)

```

### 附加styles/common-space.scss用于生成公共样式

- 原创sass代码,如需copy, 记得我就好

```bash
/*****
* @对外提供以下样式
* @margin   mt-x, mr-x, mb-x, ml-x
* @padding  pt-x, pr-x, pb-x, pl-x
* 使用方式  @include createSpace((5, 10, 15, 20),'前缀-')
*@params1 自定义前缀
*@params2 自定义间距
*****/

## 使用方式1
@import "~@hubary/element-plugins/styles/common-space.scss";
@include createSpace();

## 使用方式2
import "@hubary/element-plugins/styles/common-space.css"

## 不带参数createSpace默认生成:
.mt-5  .mt-10  .mt-15  .mt-20
.mr-5  .mr-10  .mr-15  .mr-20
.mb-5  .mb-10  .mb-15  .mb-20
.ml-5  .ml-10  .ml-15  .ml-20

.pt-5  .pt-10  .pt-15  .pt-20
.pr-5  .pr-10  .pr-15  .pr-20
.pb-5  .pb-10  .pb-15  .pb-20
.pl-5  .pl-10  .pl-15  .pl-20

## 例如
.mr-10{margin-right:10px;}
.pr-10{padding-right:10px;}

```
npm package: @hubary/ftp-auto-upload
Description: 一款刀耕火种时期,提高生产效率的工具,用于删除/更新node打包后的文件到指定的服务器位置
Author: hubary
Latest version: 1.0.2

# ftp-auto-upload

## 介绍

一款提高刀耕火种时期部署前端代码效率的神器,参考自deploy,进行修改和添加数据操作反馈,以及路径检测

## 安装

```bash
npm install @hubary/ftp-auto-upload -D
```

## 使用

### 1. 项目根目录新建ftp.config.js文件进行服务器的信息配置(可从包内复制)

```javascript
module.exports = [
  {
    name: 'project-1-xxx',  // 项目1
    ssh: {
      host: '10.114.14.65',
      port: 22,
      username: 'test',
      password: '123456',
    },
    romotePath: '/home/front/dist',// 远程地址
    localPath: './dist',// 本地地址
    rootDir: 'dist',
    isTest: true, // 是否开启测试模式
  },
  {
    name: 'project-2-xxx',  // 项目2
    ssh: {
      host: '10.114.14.110',
      port: 22,
      username: 'test',
      password: '123456',
    },
    romotePath: '/home/front/dist',// 远程地址
    localPath: './dist',// 本地地址
    rootDir: 'dist',
    isTest: true, // 是否开启测试模式
  },
]

````

### 2 项目packages.json  script 添加

```json
{
  "scripts": {
    "upload": "node node_modules/@hubary/ftp-auto-upload"
  }
}
```

### 3 运行 `npm run upload` 即可`删除/更新`服务器指定位置代码

![image](assets/running.png)