open-index/open-npm huggingface dataset:
npm package: @pawel_wisniewski/id-generator
Description: ## General - This package can generate unique ID string.
Latest version: 1.0.3

# id-generator

## General
- This package can generate unique ID string.

## Installation
- `npm install @pawel_wisniewski/id-generator`
- `yarn add @pawel_wisniewski/id-generator`

## Usage
`const randomID = require('@pawel_wisniewski/id-generator');`
`console.log(randomID(number));`

- The `number` is responsible for length of generated ID string.
npm package: @paweldubiel/file-watcher-dog
Description: Watch recursively files by regex in directory and post modifications as event to Datadog
Author: Pawel Dubiel
Latest version: 0.0.41

# file-watcher-dog
Watch recursively files by regex in directory and post modifications as event to Datadog

## Installation
```npm install @paweldubiel/file-watcher-dog```

## Usage
```javascript

const file_watcher_dog = require('@paweldubiel/file-watcher-dog');


let monitors_regex = ['.htaccess', '*.php'];
file_watcher_dog('/path/', datadog_api_key, monitors_regex);
```
npm package: @pawelgalazka/cli-args
Description: CLI arguments micro parser
Author: Pawel Galazka
Latest version: 1.1.3
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

# cli-args ![node version](https://img.shields.io/node/v/%40pawelgalazka%2Fcli-args.svg) [![Build Status](https://travis-ci.org/pawelgalazka/cli-args.svg?branch=master)](https://travis-ci.org/pawelgalazka/cli-args) [![npm version](https://badge.fury.io/js/%40pawelgalazka%2Fcli-args.svg)](https://badge.fury.io/js/%40pawelgalazka%2Fcli-args)
CLI arguments micro parser. Only 38 lines of code, no dependencies.

``` js
#!/usr/bin/env node
const args = require('@pawelgalazka/cli-args')(process.argv.slice(2));
console.dir(args);
```

```
$ script.js -a --foo=bar --boo abc def
{
    params: ['abc', 'def'],
    options: { a: true, foo: 'bar', boo: true }
}
npm package: @pawelgalazka/middleware
Description: Simple middleware pattern engine
Author: Paweł Gałązka
Latest version: 1.0.0
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

# middleware
Simple middleware pattern engine

```
npm install --save @pawelgalazka/middleware
```

```ts
import { middleware, Middleware } from '@pawelgalazka/middleware'

interface IMiddlewareArguments {
  arg1: string
  arg2: string
}

type CustomMiddleware = Middleware<IMiddlewareArguments>


const middleware1: CustomMiddleware = next => ({arg1, arg2}) => {
  next({
    arg1: arg1 + 'e'
    arg2: arg2 + 'f'
  })

}

const middleware2: CustomMiddleware = next => ({arg1, arg2}) => {
  console.log('ARGS', arg1, arg2)
}

middleware([middleware1, middleware2])({arg1: 'a', arg2: 'b'})
```

```
ARGS ae bf
```
npm package: @pawelgalazka/shell
Description: Simple exec of shell commands
Author: Paweł Gałązka
Latest version: 2.0.0
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

# shell ![node version](https://img.shields.io/node/v/%40pawelgalazka%2Fshell.svg) [![Build Status](https://travis-ci.org/pawelgalazka/shell.svg?branch=master)](https://travis-ci.org/pawelgalazka/shell) [![npm version](https://badge.fury.io/js/%40pawelgalazka%2Fshell.svg)](https://badge.fury.io/js/%40pawelgalazka%2Fshell)
Simple exec of shell commands in node

``` js
const { shell } = require('@pawelgalazka/shell')

shell('touch somefile.js')
shell('http-server', { async: true })
```


## shell(cmd, options)

*Options:*

```javascript
{
    cwd: ..., // current working directory (String)
    async: ... // run command asynchronously (true/false), false by default
    env: ... // environment key-value pairs (Object)
    timeout: ...
    transform: // function which transforms the output, line by line
    nopipe: // if true, it will send output directly to parent process
    silent: // if true, it won't print anything to the terminal
}
```

```ts
interface IShellOptions {
  cwd?: string
  env?: NodeJS.ProcessEnv
  timeout?: number
  async?: boolean
  nopipe?: boolean
  silent?: boolean
  transform?: (output: string) => string
}
```

## prefixTransform(prefix)

Transform function which can be used for `transform` option.

*Example:*

```js
const { shell, prefixTransform } = require('@pawelgalazka/shell')

shell('echo "test"', { transform: prefixTransform('[prefix]') })
```

```sh
$ node ./script.js
echo "test"
[prefix] test
```
npm package: @paweljadach/unique-key-generator
Description: The script generates a random string of characters depending on the value entered.
Author: Paweł Jadach
Latest version: 1.0.1

# Random key generator
The script generates a random string of characters depending on the value entered.

## Install
* `npm i @paweljadach/unique-key-generator`
* `import randomID from '@paweljadach/unique-key-generator'`

## Usage
```
const randomID = require('@paweljadach/unique-key-generator');

console.log(randomID(10));
```
npm package: @paweljurecki/randomid-generator
Description: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor i
Latest version: 1.0.1

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
npm package: @pawelmisiak/prettier-config
Description: My personal Prettier config
Author: Pawel Misiak
Latest version: 1.0.13

# Insider Intelligence shared PrettierConfig

## Installation

To install this package run the following command in the terminal in the root directory of your application.

```
npm install --save-dev **FILL IN THIS PART**
```

**OR**

```
yarn add --dev **FILL IN THIS PART**
```

## Usage

Add a key in your **package.json** file.

```
"prettier": "**FILL IN THIS PART**"
```

**OR**

Create a **.prettierrc** file and export a string.

```
"**FILL IN THIS PART**"
```

**OR if you want to extend or overwrite the property consider this example**

Create a **.prettierrc.js** file and export an object.

```
module.exports = {
  ...require("**FILL IN THIS PART**"),
  // endOfLine: 'lf', // to overwrite the property
};
```

##Overrides

If you wish to override properties in specific files or a directories use this example

```
overrides: [
      {
         files: 'a.js',
         options: {
             tabWidth: 4,
         },
      },
      {
        files: ["testing/*.js"],
        options: {
          printWidth: 20,
        }
      }
   ],

```
npm package: @pawelnvk/pre-vue
Description: Library helpful when creating slideshow with predefined theme.
Author: Paweł Nowak
Latest version: 0.1.2

# prevue
Library helpful when creating slideshow with predefined theme.

## Components
Library provides following components:

### `Slide`
```vue
<template>
  <slide accent="green">
    <p>This is content of slide</p>
  </slide>
</template>

<script>
export default {
  name: 'SlideExample',
}
</script>
```

### `CodeSlide`
```vue
<template>
  <code-slide :code="code">
    <p>This is aside content.</p>
  </code-slide>
</template>

<script>
import Component from '!raw-loader!@/components/Component';

export default {
  name: 'CodeSlideExample',
  data() {
    return {
      code: Component,
    }
  },
}
</script>
```

### `IntroSlide`
```vue
<template>
  <IntroSlide 
    fullName="John Smith"
    imageUrl="http://thecatapi.com/api/images/get?format=src&type=jpg"  
    position="Front-end developer"
    title="How to do?"
  ></IntroSlide>
</template>

<script>
export default {
  name: 'IntroSlideExample',
}
</script>
```

### `TitleSlide`
```vue
<template>
  <title-slide title="Some title"/>
</template>

<script>
export default {
  name: 'TitleSlideExample',
}
</script>
```

### `CodePreview`
```vue
<template>
  <div>
    <code-preview :additional-code="additionalCode" :code="code" />
  </div>
</template>

<script>
import Component from '!raw-loader!@/components/Component';

export default {
  name: 'CodeSlideExample',
  props: {
    additionalCode: {
      default: null,
      type: Object
    },
    code: {
      default: '',
      type: String
    }
  },
  data() {
    return {
      code: Component,
    };
  },
}
</script>
```

### `Background`
```vue
<template>
  <background accent="green" />
</template>

<script>
export default {
  name: 'Slide',
}
</script>
```

### `Avatar`
```vue
<template>
  <avatar url="http://thecatapi.com/api/images/get?format=src&type=jpg" />
</template>

<script>
export default {
  name: 'IntroSlide',
}
</script>
```

### `AppButton`
```vue
<template>
  <app-button @click="toggle">Toggle</app-button>
</template>

<script>

export default {
  name: 'Slide2',
  data () {
    return {
      isModalOpen: false
    };
  },
  methods: {
    toggle () {
      this.isModalOpen = !this.isModalOpen;
    },
  },
}
</script>
```
npm package: @pawgame/dom-to-image
Description: Generates an image from a DOM node using HTML5 canvas and SVG
Author: Anatolii Saienko
Latest version: 2.7.1

# DOM to Image

<p>
    <a href="https://www.npmjs.com/package/@pawgame/dom-to-image"><img src="https://img.shields.io/npm/v/@pawgame/dom-to-image.svg?style=flat-square&colorB=51C838"
                                                       alt="NPM Version"></a>

## Fork改动
在函数 `makeImage(uri)` 添加: 
```
var image = new Image();
image.crossOrigin = "";  // 添加这行
```

修复在ios设备上图片跨域截取是空白的问题

## What is it

**dom-to-image** is a library which can turn arbitrary DOM node into
a vector (SVG) or raster (PNG or JPEG) image, written in JavaScript. It's
based on [domvas by Paul Bakaus](https://github.com/pbakaus/domvas)
and has been completely rewritten, with some bugs fixed and some new
features (like web font and image support) added.

## Installation

### NPM

`npm install @pawgame/dom-to-image`

### 移动端
```
/**
 * @param size
 * 根据设备的DPR，换算750设计稿的逻辑像素
 */
export const getSizeByDPR = (size: number): number => {
    const docFontSize = parseFloat(
        window.getComputedStyle(document.documentElement, null).getPropertyValue('font-size'),
    );
    return (size / 100) * docFontSize;
};

domtoimage.toJpeg(nodeRef.current, {
    bgcolor: '#FFFFFF',
    style: {
        'transform-origin': 'top center',
        transform: `scale(${window.devicePixelRatio})`,
    },
    width: 460 * window.devicePixelRatio,
    height: 674 * window.devicePixelRatio,
});

// 460x674 是内容的宽高
```
npm package: @pawgame/game-library
Description: Pure Game Library
Author: daichangxin
Latest version: 2.1.0

# game-library
Pure Game Library

TypeScript & ES6
<p>
    <a href="https://www.npmjs.com/package/@pawgame/game-library"><img src="https://img.shields.io/npm/v/@pawgame/game-library.svg?style=flat-square&colorB=51C838"
                                                       alt="NPM Version"></a>
npm package: @pawgame/hooks
Description: HOOOO000ooooks &amp; CompOOO000ooooonents
Latest version: 1.1.2

# hooks
HOOOO000ooooks &amp; CompOOO000ooooonents

<p>
    <a href="https://www.npmjs.com/package/@pawgame/hooks"><img src="https://img.shields.io/npm/v/@pawgame/hooks.svg?style=flat-square&colorB=51C838"
                                                       alt="NPM Version"></a>
npm package: @pawgame/laya-game-sdk
Description: <p>     <a href="https://www.npmjs.com/package/@pawgame/laya-game-sdk"><img src="https://img.shields.io/npm/v/@pawgame/laya-game-sdk.svg?style=flat-square&colorB=51C838"                                                        alt="npm version"></a>
Author: daichangxin
Latest version: 0.0.9

# js.laya-game-sdk

<p>
    <a href="https://www.npmjs.com/package/@pawgame/laya-game-sdk"><img src="https://img.shields.io/npm/v/@pawgame/laya-game-sdk.svg?style=flat-square&colorB=51C838"
                                                       alt="npm version"></a>

## 使用说明

LayaBox 游戏框架。

```bash
npm i @pawgame/laya-game-sdk
```
npm package: @pawgame/layabox-core
Description: <p>     <a href="https://www.npmjs.com/package/@pawgame/layabox-core"><img src="https://img.shields.io/npm/v/@pawgame/layabox-core.svg?style=flat-square&colorB=51C838"                                                        alt="npm version"></a>
Author: daichangxin
Latest version: 1.0.1

# js.layabox-core

<p>
    <a href="https://www.npmjs.com/package/@pawgame/layabox-core"><img src="https://img.shields.io/npm/v/@pawgame/layabox-core.svg?style=flat-square&colorB=51C838"
                                                       alt="npm version"></a>

## 使用说明

LayaBox 核心库，魔改了一些内容，支持嵌入 React 项目。
npm package: @pawix/react-brackets
Description: React component to render dynamic bracket UI
Author: pawix135
Latest version: 0.4.7

# react-brackets

Thanks to [mohux](https://github.com/mohux) for creating this library. Star original project [react-brackets](https://github.com/mohux/react-brackets)

## License

MIT © [mohammadou1](https://github.com/mohammadou1)
npm package: @pawjs/image-optimizer
Description: Add Webpack Image Loader support to your PAWJS application
Author: Atyantik Technologies Private Limited
Latest version: 2.2.7

PawJS - Image Optimizer
===  

## @pawjs/image-optimizer

Optimize output images in you PawJS application

This plugin basically adds image-webpack-loader to current configuration

## Installation
```bash
npm i @pawjs/image-optimizer --save-dev
```

### webpack.js
Edit/Create <project-root>/src/webpack.js
```javascript
import ImageOptimizer from "@pawjs/image-optmizer/webpack";

// ... other imports if any


export default class ProjectWebpack {
  constructor({addPlugin}) {

    // Production is default supported env
    const optimizerOptions = {
      supportedEnv: [
        "production"
      ],
      // You can add direct options of image-webpack-loader if you need to   
      // config: {
      //  mozjpeg: {
      //    progressive: true,
      //    quality: 65
      //  },
      //  // optipng.enabled: false will disable optipng
      //  optipng: {
      //    enabled: false,
      //  },
      //  pngquant: {
      //    quality: '65-90',
      //    speed: 4
      //  },
      //  gifsicle: {
      //    interlaced: false,
      //  },
      //  // the webp option will enable WEBP
      //  webp: {
      //    quality: 75
      //  }
      //},
      // Default config used
      configLabel: "MEDIUM_QUALITY"
    };
    addPlugin(new ImageOptimizer(optimizerOptions));
    // ...
  }
}

```

------------

## Config Labels
We have predefined configurations labels for your usage.

### MAX_QUALITY
This configuration gives max quality output but does no lossy compression.  
The equivalent configuration for this is as below:  
```json
{
  "mozjpeg": {
    "progressive": true,
    "quality": 100
  },
  "optipng": {
    "enabled": true
  },
  "pngquant": {
    "quality": "95-100",
    "speed": 2
  },
  "gifsicle": {
    "interlaced": false
  },
  "webp": {
    "quality": 100
  }
}
```

### MEDIUM_QUALITY

The equivalent configuration for this is as below:  
```json
{
  "mozjpeg": {
    "progressive": true,
    "quality": 70
  },
  "optipng": {
    "enabled": true
  },
  "pngquant": {
    "quality": "65-90",
    "speed": 4
  },
  "gifsicle": {
    "interlaced": false
  },
  "webp": {
    "quality": 80
  }
}
``` 

### MIN_QUALITY

The equivalent configuration for this is as below:  
```json
{
  "mozjpeg": {
    "progressive": true,
    "quality": 55
  },
  "optipng": {
    "enabled": false
  },
  "pngquant": {
    "quality": "45-65",
    "speed": 10
  },
  "gifsicle": {
    "interlaced": false
  },
  "webp": {
    "quality": 65
  }
}
```
if `config` option is provided, `configLabel` is ignored
 


### License
This project is licensed under the MIT license, Copyright (c) 2018 [Atyantik Technologies Private Limited](https://www.atyntik.com). For more information see [LICENSE.md]("https://github.com/Atyantik/pawjs/blob/master/LICENSE.md").
npm package: @pawjs/less
Description: Add Sass support to your project
Author: Atyantik Technologies Private Limited
Latest version: 2.1.5

PawJS - LESS
===  

## @pawjs/less

Add LESS support to your current application

This plugin adds `less` & `less-loader` to current webpack configuration for less

## Installation
```bash
npm i @pawjs/less --save
```

### webpack.js
Edit/Create <project-root>/src/webpack.js
```javascript
import LessPlugin from "@pawjs/less/webpack";

// ... other imports if any


export default class ProjectWebpack {
  constructor({addPlugin}) {

    const options = {};
    // const options = {
    //   modifyVars: {},
    //   javascriptEnabled: false,
    // };
    addPlugin(new LessPlugin(options));
    // ...
  }
}

```

### License
This project is licensed under the MIT license, Copyright (c) 2018 [Atyantik Technologies Private Limited](https://www.atyntik.com). For more information see [LICENSE.md]("https://github.com/Atyantik/pawjs/blob/master/LICENSE.md").
npm package: @pawjs/sass
Description: Add Sass support to your project
Author: Atyantik Technologies Private Limited
Latest version: 2.2.6

PawJS - SASS
===  

## @pawjs/sass

Add SASS support to your current application

This plugin adds `node-sass` & `sass-loader` to current webpack configuration for sass

## Installation
```bash
npm i @pawjs/sass --save-dev
```

### webpack.js
Edit/Create <project-root>/src/webpack.js
```javascript
import SassPlugin from "@pawjs/sass/webpack";

// ... other imports if any


export default class ProjectWebpack {
  constructor({addPlugin}) {

    addPlugin(new SassPlugin);
    // ...
  }
}

```

### License
This project is licensed under the MIT license, Copyright (c) 2018 [Atyantik Technologies Private Limited](https://www.atyntik.com). For more information see [LICENSE.md]("https://github.com/Atyantik/pawjs/blob/master/LICENSE.md").