open-index/open-npm huggingface dataset:
npm package: @js-factory/perf-budget-webpack-plugin
Description: Webpack plugin to set budget on individual file
Author: js-factory
Latest version: 1.2.0

# Performance Budget Webpack Plugin

Webpack plugin to set budget on individual bundle file.

## Installation

Install the plugin with npm:

```shell
$ npm install --save-dev @js-factory/perf-budget-webpack-plugin
```

## Basic Usage

```javascript
const PerfBudgetWebpackPlugin = require("@js-factory/perf-budget-webpack-plugin");

const webpackConfig = {
    entry: "index.js",
    output: {
        path: "dist",
        filename: "bundle.js"
    },
    plugins: [
        new PerfBudgetWebpackPlugin({
            main: { // Chunk Name
                js: 20000,
                css: 1000 // CSS Extracted using extract plugin for each chunk
            },
            dynamicImportChunkName1: {
                js: 10000 // Size in bytes
            },
            dynamicImportChunkName2: {
                js: 10000 // Size in bytes
            }
        })
    ]
};
```
## Example

[Performance Budget Example](https://github.com/js-factory/examples/tree/master/perf-budget-webpack-plugin)

<p align="center">
    <img alt="marvels" src="/error.png" height="200" width="650">
</p>

## Need

Performance budget requires to set the budget on important files separately.

Here, we can set that individually based on js as well as css.

## Author

[js-factory](https://github.com/js-factory)

## License

[MIT](LICENSE)
npm package: @js-factory/visibility
Description: Page Visibility API Implementation for single page applications
Latest version: 0.2.0

# visibility

Page Visibility API implementation

## Installation

```
npm i -S @js-factory/visibility
```

## Usage

```js
import onVisibilityChange from '@js-factory/visibility';
import { h, Component } from 'preact';

export default class AppWrapper extends Component{

    ...
    ...

    componentDidMount(){
        onVisibilityChange();
    }
}

```

## API

##### onVisibilityChange(options, handler);

- _options_
  -- refreshTime - this is used to decide when to refresh the window when visiblity changes. DEFAULT_VALUE: 120000 ms
  -- scrollToTop - Set browser scroll position to (0,0). DEFAULT_VALUE: true 

- _handler_ custom handler function to be executed when visibility of page is changes
npm package: @js-from-routes/axios
Description: Make API requests to a Rails apps with ease.
Author: Máximo Mussini
Latest version: 1.0.5

<h2 align='center'><samp>@js-from-routes/axios</samp></h2>

<p align='center'>Define path helpers to make API requests or interpolate URLs</p>

<p align='center'>
  <a href='https://www.npmjs.com/package/@js-from-routes/axios'>
    <img src='https://img.shields.io/npm/v/@js-from-routes/axios?color=222&style=flat-square'>
  </a>
  <a href='https://github.com/ElMassimo/js_from_routes/blob/main/LICENSE.txt'>
    <img src='https://img.shields.io/badge/license-MIT-blue.svg'>
  </a>
</p>

<br>

[client]: https://github.com/ElMassimo/js_from_routes/tree/main/packages/client
[js_from_routes]: https://github.com/ElMassimo/js_from_routes
[axios]: https://github.com/axios/axios

This package extends <kbd>[@js-from-routes/client][client]</kbd> to use [Axios].

It's useful when already using [axios], or when you have a complex API that requires [interceptors](https://github.com/axios/axios#interceptors) or [different instances](https://github.com/axios/axios#creating-an-instance).

## Installation 💿

```bash
npm i @js-from-routes/axios # yarn add @js-from-routes/axios
```

## Usage 🚀

```ts
import { formatUrl, request } from '@js-from-routes/axios'

formatUrl('/video_clips/:id/download', { id: 5 }) == '/video_clips/5/download'

const video = await request('get', '/video_clips/:id', { id: 5 })
```

## License

This library is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).
npm package: @js-from-routes/client
Description: Make API requests to a Rails apps with ease.
Author: Máximo Mussini
Latest version: 1.0.4

<h2 align='center'><samp>@js-from-routes/client</samp></h2>

<p align='center'>Define path helpers to make API requests or interpolate URLs</p>

<p align='center'>
  <a href='https://www.npmjs.com/package/@js-from-routes/client'>
    <img src='https://img.shields.io/npm/v/@js-from-routes/client?color=222&style=flat-square'>
  </a>
  <a href='https://github.com/ElMassimo/js_from_routes/blob/main/LICENSE.txt'>
    <img src='https://img.shields.io/badge/license-MIT-blue.svg'>
  </a>
</p>

<br>

[js_from_routes]: https://github.com/ElMassimo/js_from_routes

## Installation 💿

```bash
npm i @js-from-routes/client # yarn add @js-from-routes/client
```

## Usage 🚀

```ts
import { formatUrl, request } from '@js-from-routes/client'

formatUrl('/video_clips/:id/download', { id: 5 }) == '/video_clips/5/download'

const video = await request('get', '/video_clips/:id', { id: 5 })
```

## License

This library is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).
npm package: @js-from-routes/core
Description: Utilities for formatting URLs and transforming responses.
Author: Máximo Mussini
Latest version: 1.0.3

<h2 align='center'><samp>@js-from-routes/core</samp></h2>

<p align='center'>URL interpolation and JSON transform utilities</p>

<p align='center'>
  <a href='https://www.npmjs.com/package/@js-from-routes/core'>
    <img src='https://img.shields.io/npm/v/@js-from-routes/core?color=222&style=flat-square'>
  </a>
  <a href='https://github.com/ElMassimo/js_from_routes/blob/main/LICENSE.txt'>
    <img src='https://img.shields.io/badge/license-MIT-blue.svg'>
  </a>
</p>

<br>

[js_from_routes]: https://github.com/ElMassimo/js_from_routes

## Installation 💿

Normally you wouldn't need to install it manually, instead follow the instructions
of [<kbd>js_from_routes</kbd>][js_from_routes].

```bash
npm i @js-from-routes/core # yarn add @js-from-routes/core
```

## Usage 🚀

```ts
import { formatUrl } from '@js-from-routes/core'

formatUrl('/video_clips/:id/download', { id: 5 }) == '/video_clips/5/download'
```

## License

This library is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).
npm package: @js-from-routes/inertia
Description: Make API requests to a Rails apps with ease.
Author: Máximo Mussini
Latest version: 1.10.2

<h2 align='center'><samp>@js-from-routes/inertia</samp></h2>

<p align='center'>Define path helpers to make API requests or interpolate URLs</p>

<p align='center'>
  <a href='https://www.npmjs.com/package/@js-from-routes/inertia'>
    <img src='https://img.shields.io/npm/v/@js-from-routes/inertia?color=222&style=flat-square'>
  </a>
  <a href='https://github.com/ElMassimo/js_from_routes/blob/main/LICENSE.txt'>
    <img src='https://img.shields.io/badge/license-MIT-blue.svg'>
  </a>
</p>

<br>

[client]: https://github.com/ElMassimo/js_from_routes/tree/main/packages/client
[js_from_routes]: https://github.com/ElMassimo/js_from_routes
[inertia.js]: https://github.com/inertiajs/inertia

This package extends <kbd>[@js-from-routes/client][client]</kbd> to use [Inertia.js].

It's useful when using [Inertia.js], since it allows request helpers to handle forms as well.

## Installation 💿

```bash
npm i @js-from-routes/inertia # yarn add @js-from-routes/inertia
```

## Usage 🚀

```ts
import { definePathHelper } from '@js-from-routes/inertia'

const get = definePathHelper('get', '/video_clips/:id')

get.path({ id: 5 }) == '/video_clips/5/download'

const video = await get({ id: 5 })
```

## License

This library is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).
npm package: @js-from-routes/redaxios
Description: Make API requests to a Rails apps with ease.
Author: Máximo Mussini
Latest version: 1.0.4

<h2 align='center'><samp>@js-from-routes/redaxios</samp></h2>

<p align='center'>Define path helpers to make API requests or interpolate URLs</p>

<p align='center'>
  <a href='https://www.npmjs.com/package/@js-from-routes/redaxios'>
    <img src='https://img.shields.io/npm/v/@js-from-routes/redaxios?color=222&style=flat-square'>
  </a>
  <a href='https://github.com/ElMassimo/js_from_routes/blob/main/LICENSE.txt'>
    <img src='https://img.shields.io/badge/license-MIT-blue.svg'>
  </a>
</p>

<br>

[client]: https://github.com/ElMassimo/js_from_routes/tree/main/packages/client
[js_from_routes]: https://github.com/ElMassimo/js_from_routes
[redaxios]: https://github.com/developit/redaxios

This package extends <kbd>[@js-from-routes/client][client]</kbd> to use [redaxios].

It's useful when already using [redaxios], for consistency when using the response object directly.

## Installation 💿

```bash
npm i @js-from-routes/redaxios # yarn add @js-from-routes/redaxios
```

## Usage 🚀

```ts
import { formatUrl, request } from '@js-from-routes/redaxios'

formatUrl('/video_clips/:id/download', { id: 5 }) == '/video_clips/5/download'

const video = await request('get', '/video_clips/:id', { id: 5 })
```

## License

The gem is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).
npm package: @js-func/each
Description: Each loop for Array list (Object Collection)
Author: Tom Sapletta
Latest version: 1.0.6

# js-func/each 
Project created by Apicra, https://github.com/apicra/npm-github-win.git 

 
 [js-func/each: Project created by Apicra, https://github.com/apicra/npm-github-win.git](https://github.com/js-func/each)
 
 
 js-func
 
npm login --registry=https://npm.pkg.github.com --scope=@softreck
tom@sapletta.com

npm publish 

https://npm.pkg.github.com/@js-func%2feach



## Update & Publish

    npm init --scope=@softreck
    
    npm init --scope=js-func
    npm publish --access public
    
    
    
    -publish.bat

    "publishConfig": {
        "registry": "https://npm.pkg.github.com/"
      },