open-index/open-npm huggingface dataset:
npm package: @modular-toolkit/demo-storybook
Description: Storybook for demo user interface components
Author: Patrick Hund
Latest version: 1.1.4

# demo-storybook

A [Storybook](https://storybook.js.org) that showcases the demo UI components.

## Usage

Install required npm packages:

    npm install
    
Start the storybook in watch mode (local server):

    npm start
    
To build a static file version of the storybook in a `dist` directory:

    npm run build

## Change Log

* See [CHANGELOG.md](CHANGELOG.md)

## Contribution Guidelines

* See [CONTRIBUTING.md](../../CONTRIBUTING.md)

## License

[MIT licensed](LICENSE)

Copyright © 2018 mobile.de GmbH
npm package: @modular-toolkit/demo-ui
Description: Demo user interface module
Author: Patrick Hund
Latest version: 1.1.1

# demo-ui

This demo package contains presenational components for the user interface of the Modular Toolkit demo.

## Installation

    npm install --save @modular-toolkit/demo-ui

## Usage

The package contains various React components which you can use like this:

    import React from 'react';
    import {
        Header,
        Footer,
        Button,
        List,
        ListItem,
        Box,
        Spinner
    } from '@modular-toolkit/ui';
    
    function MyComponent({ data, load }) {
        if (!data) {
          return (
            <Box>
              <Spinner />
            </Box>
          );
        }
        return (
          <Box>
            <Header title="My List of Links" />
            <List>
              {data.map(({ title, url }, index) => (
                <ListItem key={`item${index}`}>
                  <a target="blank" href={url}>
                    {title}
                  </a>
                </ListItem>
              ))}
            </List>
            <Footer>
              <Button handleClick={load} label="Update" />
            </Footer>
          </Box>
        );
    }

## Change Log

* See [CHANGELOG.md](CHANGELOG.md)

## Contribution Guidelines

* See [CONTRIBUTING.md](../../CONTRIBUTING.md)

## License

[MIT licensed](LICENSE)

Copyright © 2018 mobile.de GmbH
npm package: @modular-ui-react/components
Description: Modular-UI-React Components
Author: A-G-D
Latest version: 0.1.0

# Modular-UI-React Components

> Base component that implements basic lifecycles and properties

[![NPM](https://img.shields.io/npm/v/component.svg)](https://www.npmjs.com/package/component) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)

## Install

```bash
npm install --save @modular-ui-react/components
```

or

```bash
yarn add @modular-ui-react/components
```

## Usage

```tsx
import React from 'react'
import { Component } from '@modular-ui-react/component'

function MyComponent({ children, className, ...props }) {
  return (
    <Component className={[className, 'MyComponent'].join(' ')} {...props}>
      {children}
    </Component>
  )
}
```

## Contributing

Pull Requests are Welcome.

## License

This repository is released under [MIT License](LICENSE).
npm package: @modular-ui-react/hooks
Description: &quot;Custom React Hooks&quot;
Author: A-G-D
Latest version: 0.2.3

# Modular-UI-React Hooks

[![NPM](https://img.shields.io/npm/v/use-lifecycle.svg)](https://www.npmjs.com/package/use-lifecycle) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)

## Install

```bash
npm install --save @modular-ui-react/hooks
```

or

```bash
yarn add @modular-ui-react/hooks
```

## Import

```js
import { useLifecycle, usePrev, useStyle } from '@modular-ui-react/hooks'
```

## Examples

To run the examples included in the repository:

```bash
git clone https://github.com/A-G-D/use-lifecycle.git
cd use-lifecycle
cd examples
yarn start
```

## Contributing

Pull Requests are Welcome.

## License

This repository is released under [MIT License](LICENSE).
npm package: @modular-ui-react/utils
Description: Utility scripts
Author: A-G-D
Latest version: 0.1.2

# Modular-UI-React Utilities

## Install

```bash
npm install --save @modular-ui-react/utils
```

or

```bash
yarn add @modular-ui-react/utils
```

## Import

```js
import * as utils from '@modular-ui-react/utils'
```

## Contributing

Pull Requests are Welcome.

## License

This repository is released under [MIT License](LICENSE).
npm package: @modular-ui/tabbed-window
Description: Modular Tabbed-Window UI component
Author: A-G-D
Latest version: 0.1.3

# Tabbed Window

## Screenshots

`(Coming soon...)`

## Installation

`npm i --save @ui-components/tabbed-window`

## API

### HTML API

```html
<tabbed-window header-location=top|bottom|left|right></tabbed-window>
```

The neccessary child components will then be generated at runtime. The above declaration will be transformed into something like [this](#ui-nomenclature).

### Javascript API

```javascript
class TabbedWindow extends HTMLElement
```
```javascript
    get headerLocation(): Element
```
```javascript
    set headerLocation(value: "top"|"bottom"|"left"|"right"): 
```

## UI Nomenclature

```html
<tabbed-window header-location="top">
    <tabbed-window-header>
        <div class="links">
            <tabbed-window-link>...</tabbed-window-link>
            ... <!-- tabbed-window-link element for each open tab goes here -->
        </div>
        <div class="new-tab-button">
            ...
        </div>
    </tabbed-window-header>

    <tabbed-window-body>
        <div class="contents">
            <tabbed-window-content>...</tabbed-window-content>
            ... <!-- tabbed-window-content elenent for each tab goes here -->
        </div>
    </tabbed-window-body>
</tabbed-window>
```

## License

This repository is released under [MIT License](LICENSE).
npm package: @modularbp/gulp
Description: gulp modules for modularBP.
Author: Antoine Boulanger
Latest version: 1.0.5

<p align="center">
    <a href="https://github.com/modularorg/modularbp-gulp">
        <img src="https://user-images.githubusercontent.com/4596862/37635200-aa3271b2-2bd0-11e8-8a65-9cafa0addd67.png" height="140">
    </a>
</p>
<h1 align="center">modularBP gulp</h1>
<p align="center"><a href="https://github.com/gulpjs/gulp/">gulp</a> modules for <a href="https://github.com/modularorg/modularbp">modularBP</a>.</p>

## Installation
```sh
# install gulp
npm install gulp -g

# install mbp
npm install mbp -g

# init a mbp project and choose gulp
mbp init
```

## Usage
```sh
# default watch task
gulp
```

## Modules
| Module | Description |
| ------ | ----------- |
| [gulp] | The main gulpfile |

### Styles
| Module | Description |
| ------ | ----------- |
| [gulp-css] | [cssnext] with [PostCSS] |
| [gulp-sass] | scss with [Sass] |

### Scripts
| Module | Description |
| ------ | ----------- |
| [gulp-js] | ES6 modules with [Babel] |

### Views
| Module | Description |
| ------ | ----------- |
| [gulp-hbs] | [Handlebars] templates |
| [gulp-liquid] | [Liquid] templates |

### Others
| Module | Description |
| ------ | ----------- |
| [gulp-build] | Minify files |
| [gulp-error] | Error handling |
| [gulp-notify] | Notification handling |
| [gulp-serve] | Live reload and sync browsers with [Browsersync] |
| [gulp-svg] | Generate svg icons sprite |
| [gulp-watch] | Watch for files changes |

[modularBP]: https://github.com/modularorg/modularbp#readme
[gulp]: https://github.com/modularorg/modularbp-gulp
[gulp-css]: https://github.com/modularorg/modularbp-gulp/tree/master/modules/gulp-css
[gulp-sass]: https://github.com/modularorg/modularbp-gulp/tree/master/modules/gulp-sass
[gulp-js]: https://github.com/modularorg/modularbp-gulp/tree/master/modules/gulp-js
[gulp-hbs]: https://github.com/modularorg/modularbp-gulp/tree/master/modules/gulp-hbs
[gulp-liquid]: https://github.com/modularorg/modularbp-gulp/tree/master/modules/gulp-liquid
[gulp-build]: https://github.com/modularorg/modularbp-gulp/tree/master/modules/gulp-build
[gulp-error]: https://github.com/modularorg/modularbp-gulp/tree/master/modules/gulp-error
[gulp-notify]: https://github.com/modularorg/modularbp-gulp/tree/master/modules/gulp-notify
[gulp-serve]: https://github.com/modularorg/modularbp-gulp/tree/master/modules/gulp-serve
[gulp-svg]: https://github.com/modularorg/modularbp-gulp/tree/master/modules/gulp-svg
[gulp-watch]: https://github.com/modularorg/modularbp-gulp/tree/master/modules/gulp-watch

[cssnext]: https://github.com/MoOx/postcss-cssnext
[PostCSS]: https://github.com/postcss/postcss
[Sass]: https://github.com/sass/libsass
[Handlebars]: https://github.com/wycats/handlebars.js
[Liquid]: https://github.com/Shopify/liquid
[Babel]: https://github.com/babel/babel
[Browsersync]: https://github.com/Browsersync/browser-sync
npm package: @modularbp/gulp-build
Description: Minify CSS, JS and HTML files with [cssnano], [Terser] and [HTMLMinifier]
Author: Antoine Boulanger
Latest version: 1.1.0

# @modularbp/gulp-build
Minify CSS, JS and HTML files with [cssnano], [Terser] and [HTMLMinifier]

[cssnano]: https://github.com/cssnano/cssnano
[Terser]: https://github.com/terser/terser
[HTMLMinifier]: https://github.com/kangax/html-minifier

## Install
```sh
npm install @modularbp/gulp-build --save-dev
```

## Dependencies
| Module | Description |
| ------ | ----------- |
| [gulp] | The build system |
| [cssnano] | Minify CSS |
| [gulp-htmlmin] | Minify HTML |
| [gulp-postcss] | Transform CSS |
| [gulp-terser-js] | Minify JS |

[gulp]: https://github.com/gulpjs/gulp
[gulp-htmlmin]: https://github.com/jonschlinkert/gulp-htmlmin
[gulp-postcss]: https://github.com/postcss/gulp-postcss
[gulp-terser-js]: https://github.com/A-312/gulp-terser-js
npm package: @modularbp/gulp-css
Description: Transform [cssnext] in CSS with [PostCSS]
Author: Antoine Boulanger
Latest version: 1.0.5

# @modularbp/gulp-css
Transform [cssnext] in CSS with [PostCSS]

[cssnext]: https://github.com/MoOx/postcss-cssnext
[PostCSS]: https://github.com/postcss/postcss

## Install
```sh
npm install @modularbp/gulp-css --save-dev
```

## Dependencies
| Module | Description |
| ------ | ----------- |
| [@modularbp/gulp-error] | Error handling |
| [@modularbp/gulp-paths] | The files paths |
| [@modularbp/gulp-serve] | Auto inject styles in your browsers |
| [gulp] | The build system |
| [gulp-postcss] | Transform to CSS |
| [postcss-cssnext] | Use new CSS specs |
| [postcss-import] | Import other style modules |
| [postcss-pxtorem] | Convert pixel units to rem |

[@modularbp/gulp-error]: https://github.com/modularbp/modular-gulp/tree/master/modules/gulp-error
[@modularbp/gulp-paths]: https://github.com/modularbp/modular-gulp/tree/master/modules/gulp-paths
[@modularbp/gulp-serve]: https://github.com/modularbp/modular-gulp/tree/master/modules/gulp-serve
[gulp]: https://github.com/gulpjs/gulp
[gulp-postcss]: https://github.com/postcss/gulp-postcss
[postcss-cssnext]: https://github.com/MoOx/postcss-cssnext
[postcss-import]: https://github.com/postcss/postcss-import
[postcss-pxtorem]: https://github.com/cuth/postcss-pxtorem
npm package: @modularbp/gulp-error
Description: Error handling
Author: Antoine Boulanger
Latest version: 1.0.3

# @modularbp/gulp-error
Error handling

## Install
```sh
npm install @modularbp/gulp-error --save-dev
```

## Dependencies
| Module | Description |
| ------ | ----------- |
| [@modularbp/gulp-notify] | Notify on error |

[@modularbp/gulp-notify]: https://github.com/modularbp/modular-gulp/tree/master/modules/gulp-notify
npm package: @modularbp/gulp-hbs
Description: Compile [Handlebars] templates to HTML, static site generator style
Author: Antoine Boulanger
Latest version: 1.0.6

# @modularbp/gulp-hbs
Compile [Handlebars] templates to HTML, static site generator style

[Handlebars]: https://github.com/wycats/handlebars.js

## Install
```sh
npm install @modularbp/gulp-hbs --save-dev
```

## Dependencies
| Module | Description |
| ------ | ----------- |
| [@modularbp/gulp-error] | Error handling |
| [gulp] | The build system |
| [gulp-front-matter] | Extract front-matter headers |
| [gulp-hb] | Compile to HTML |
| [gulp-rename] | Rename output files |
| [handlebars-layouts] | Handlebars helpers for layout blocks |

[@modularbp/gulp-error]: https://github.com/modularbp/modular-gulp/tree/master/modules/gulp-error
[gulp]: https://github.com/gulpjs/gulp
[gulp-front-matter]: https://github.com/shinnn/gulp-front-matter
[gulp-hb]: https://github.com/shannonmoeller/gulp-hb
[gulp-rename]: https://github.com/hparra/gulp-rename
[handlebars-layouts]: https://github.com/shannonmoeller/handlebars-layouts
npm package: @modularbp/gulp-js
Description: Bundle ES6 modules with [Rollup] and compile to ES5 with [Babel]
Author: Antoine Boulanger
Latest version: 1.0.8

# @modularbp/gulp-js
Bundle ES6 modules with [Rollup] and compile to ES5 with [Babel]

[Rollup]: https://github.com/rollup/rollup
[Babel]: https://github.com/babel/babel

## Install
```sh
npm install @modularbp/gulp-js --save-dev
```

## Dependencies
| Module | Description |
| ------ | ----------- |
| [rollup] | ES module bundler |
| [rollup-plugin-babel] | Compile to ES5 |
| [rollup-plugin-commonjs] | Convert CommonJS modules to ES |
| [rollup-plugin-node-resolve] | Import NPM packages |

[rollup]: https://github.com/rollup/rollup
[rollup-plugin-babel]: https://github.com/rollup/rollup-plugin-babel
[rollup-plugin-commonjs]: https://github.com/rollup/rollup-plugin-commonjs
[rollup-plugin-node-resolve]: https://github.com/rollup/rollup-plugin-node-resolve
npm package: @modularbp/gulp-less
Description: Compile less to CSS with [Less]
Author: Antoine Boulanger
Latest version: 1.0.0

# @modularbp/gulp-less
Compile less to CSS with [Less]

[Less]: https://github.com/less/less.js

## Install
```sh
npm install @modularbp/gulp-less --save-dev
```

## Dependencies
| Module | Description |
| ------ | ----------- |
| [@modularbp/gulp-error] | Error handling |
| [@modularbp/gulp-serve] | Auto inject styles in your browsers |
| [gulp] | The build system |
| [gulp-autoprefixer] | Prefix CSS |
| [gulp-less] | Compile to CSS |

[@modularbp/gulp-error]: https://github.com/modularbp/modular-gulp/tree/master/modules/gulp-error
[@modularbp/gulp-serve]: https://github.com/modularbp/modular-gulp/tree/master/modules/gulp-serve
[gulp]: https://github.com/gulpjs/gulp
[gulp-autoprefixer]: https://github.com/sindresorhus/gulp-autoprefixer
[gulp-less]: https://github.com/gulp-community/gulp-less
npm package: @modularbp/gulp-liquid
Description: Compile [Liquid] templates to HTML, static site generator style
Author: Antoine Boulanger
Latest version: 1.0.5

# @modularbp/gulp-liquid
Compile [Liquid] templates to HTML, static site generator style

[Liquid]: https://github.com/Shopify/liquid

## Install
```sh
npm install @modularbp/gulp-liquid --save-dev
```

## Dependencies
| Module | Description |
| ------ | ----------- |
| [@modularbp/gulp-error] | Error handling |
| [@modularbp/gulp-paths] | The files paths |
| [gulp] | The build system |
| [gulp-liquify] | Compile to HTML |
| [gulp-rename] | Rename output files |

[@modularbp/gulp-error]: https://github.com/modularbp/modular-gulp/tree/master/modules/gulp-error
[@modularbp/gulp-paths]: https://github.com/modularbp/modular-gulp/tree/master/modules/gulp-paths
[gulp]: https://github.com/gulpjs/gulp
[gulp-liquify]: https://github.com/fchasen/gulp-liquify
[gulp-rename]: https://github.com/hparra/gulp-rename
npm package: @modularbp/gulp-notify
Description: Notification handling
Author: Antoine Boulanger
Latest version: 1.0.3

# @modularbp/gulp-notify
Notification handling

## Install
```sh
npm install @modularbp/gulp-notify --save-dev
```

## Dependencies
| Module | Description |
| ------ | ----------- |
| [node-notifier] | Send cross platform notifications |

[node-notifier]: https://github.com/mikaelbr/node-notifier
npm package: @modularbp/gulp-sass
Description: Compile scss to CSS with [Sass]
Author: Antoine Boulanger
Latest version: 1.0.7

# @modularbp/gulp-sass
Compile scss to CSS with [Sass]

[Sass]: https://github.com/sass/libsass

## Install
```sh
npm install @modularbp/gulp-sass --save-dev
```

## Dependencies
| Module | Description |
| ------ | ----------- |
| [@modularbp/gulp-error] | Error handling |
| [@modularbp/gulp-serve] | Auto inject styles in your browsers |
| [gulp] | The build system |
| [gulp-autoprefixer] | Prefix CSS |
| [gulp-sass] | Compile to CSS |

[@modularbp/gulp-error]: https://github.com/modularbp/modular-gulp/tree/master/modules/gulp-error
[@modularbp/gulp-serve]: https://github.com/modularbp/modular-gulp/tree/master/modules/gulp-serve
[gulp]: https://github.com/gulpjs/gulp
[gulp-autoprefixer]: https://github.com/sindresorhus/gulp-autoprefixer
[gulp-sass]: https://github.com/dlmanning/gulp-sass
npm package: @modularbp/gulp-serve
Description: Live reload and sync browsers with [Browsersync]
Author: Antoine Boulanger
Latest version: 1.0.5

# @modularbp/gulp-serve
Live reload and sync browsers with [Browsersync]

[Browsersync]: https://github.com/Browsersync/browser-sync

## Install
```sh
npm install @modularbp/gulp-serve --save-dev
```

## Dependencies
| Module | Description |
| ------ | ----------- |
| [@modularbp/gulp-paths] | The files paths |
| [browser-sync] | Everything else |

[@modularbp/gulp-paths]: https://github.com/modularbp/modular-gulp/tree/master/modules/gulp-paths
[browser-sync]: https://github.com/Browsersync/browser-sync
npm package: @modularbp/gulp-svg
Description: Generate svg icons sprite
Author: Antoine Boulanger
Latest version: 1.0.5

# @modularbp/gulp-svg
Generate svg icons sprite

## Install
```sh
npm install @modularbp/gulp-svg --save-dev
```

## Dependencies
| Module | Description |
| ------ | ----------- |
| [@modularbp/gulp-error] | Error handling |
| [@modularbp/gulp-paths] | The files paths |
| [gulp] | The build system |
| [gulp-rename] | Prefix the svgs name with folders |
| [gulp-svgstore] | Combine svgs into one symbol element |
| [path] | Get files path |

[@modularbp/gulp-error]: https://github.com/modularbp/modular-gulp/tree/master/modules/gulp-error
[@modularbp/gulp-paths]: https://github.com/modularbp/modular-gulp/tree/master/modules/gulp-paths
[gulp]: https://github.com/gulpjs/gulp
[gulp-rename]: https://github.com/hparra/gulp-rename
[gulp-svgstore]: https://github.com/w0rm/gulp-svgstore
[path]: https://github.com/jinder/path
npm package: @modularbp/gulp-swig
Description: Compile [Swig] templates to HTML, static site generator style
Author: Antoine Boulanger
Latest version: 1.0.0

# @modularbp/gulp-swig
Compile [Swig] templates to HTML, static site generator style

[Swig]: https://github.com/node-swig/swig-templates

## Install
```sh
npm install @modularbp/gulp-swig --save-dev
```

## Dependencies
| Module | Description |
| ------ | ----------- |
| [@modularbp/gulp-error] | Error handling |
| [fs] | File system |
| [gulp] | The build system |
| [gulp-data] | Get data |
| [gulp-swig] | Compile to HTML |
| [js-yaml] | Read yaml files |

[@modularbp/gulp-error]: https://github.com/modularbp/modular-gulp/tree/master/modules/gulp-error
[fs]: https://github.com/npm/security-holder
[gulp]: https://github.com/gulpjs/gulp
[gulp-data]: https://github.com/colynb/gulp-data
[gulp-swig]: https://github.com/colynb/gulp-swig
[js-yaml]: https://github.com/nodeca/js-yaml
npm package: @modularbp/gulp-watch
Description: Watch for files changes
Author: Antoine Boulanger
Latest version: 1.0.5

# @modularbp/gulp-watch
Watch for files changes

## Install
```sh
npm install @modularbp/gulp-watch --save-dev
```

## Dependencies
| Module | Description |
| ------ | ----------- |
| [@modularbp/gulp-paths] | Your project files paths |
| [@modularbp/gulp-scripts] | Any scripts modules |
| [@modularbp/gulp-serve] | The server |
| [@modularbp/gulp-styles] | Any styles module |
| [@modularbp/gulp-svg] | The SVG module |
| [@modularbp/gulp-views] | Any views module |
| [gulp] | The build system |

[@modularbp/gulp-paths]: https://github.com/modularbp/modular-gulp/tree/master/modules/gulp-paths
[@modularbp/gulp-scripts]: https://github.com/modularbp/modular-gulp#scripts
[@modularbp/gulp-serve]: https://github.com/modularbp/modular-gulp/tree/master/modules/gulp-serve
[@modularbp/gulp-styles]: https://github.com/modularbp/modular-gulp#styles
[@modularbp/gulp-svg]: https://github.com/modularbp/modular-gulp/tree/master/modules/gulp-svg
[@modularbp/gulp-views]: https://github.com/modularbp/modular-gulp#views
[gulp]: https://github.com/gulpjs/gulp
npm package: @modularbp/mjs
Description: modularJS modules for modularBP.
Author: Antoine Boulanger
Latest version: 1.0.0

<p align="center">
    <a href="https://github.com/modularorg/modularbp-gulp">
        <img src="https://user-images.githubusercontent.com/4596862/37635200-aa3271b2-2bd0-11e8-8a65-9cafa0addd67.png" height="140">
    </a>
</p>
<h1 align="center">modularBP mJS</h1>
<p align="center"><a href="https://github.com/modularorg/modularjs">modularJS</a> modules for <a href="https://github.com/modularorg/modularbp">modularBP</a>.</p>

## Installation
```sh
# install mbp
npm install mbp -g

# init a mbp project and choose modularJS
mbp init
```

## Usage
See [modularJS]

## Modules
| Module | Description |
| ------ | ----------- |
| [main] | The main file |
| [example] | A module example |

[modularJS]: https://github.com/modularorg/modularjs#usage
[main]: https://github.com/modularorg/modularbp-mjs/tree/master/src/main.js
[example]: https://github.com/modularorg/modularbp-mjs/tree/master/src/modules/example.js
npm package: @modularitybg/http_build_query
Description: Javascript port of PHP http_build_query
Author: Modularity Bulgaria
Latest version: 2.0.2

# http_build_query

[![codecov](https://codecov.io/gh/Modularity-Bulgaria/http_build_query/branch/main/graph/badge.svg?token=HS160E15RY)](https://codecov.io/gh/Modularity-Bulgaria/http_build_query)
![GitHub Workflow Status](https://img.shields.io/github/actions/workflow/status/Modularity-Bulgaria/http_build_query/ci-workflow.yml)

## Introduction

Have you ever found yourself needing to connect to a legacy PHP API that requires the usage of `http_build_query` with **RFC1738**?

This library will enable you to do so with ease :beer:

## Requirements
- NodeJS 14.x

## Installation

Install using either `npm` or `yarn`
```sh
npm i @modularitybg/http_build_query
//or
yarn add @modularitybg/http_build_query
```

## How to use

```js
const httpBuildQuery = require('@modularitybg/http_build_query');

const rfcFormattedQuery = httpBuildQuery({
    amount: { amount: 2900 },
    stringValueWithWhiteSpace: "String Value",
    city: "Unlandstraße",
    arrayValues: [1, "string"],
})
``
//Result
"amount=%7B%22amount%22%3A2900%7D&stringValueWithWhiteSpace=String+Value&city=Unlandstra\\u00dfe&arrayValues=%5B1%2C%22string%22%5D"
```
_Notice that special characters are transformed using UTF-8 mapping, similar to how is handled in PHP_


## Why not simply use _URLSearchParams_?

Let's compare the difference:
```js
nativeQueryResult = new URLSearchParams({
    amount:{ 
        amount: 2900 
    },
    stringValueWithWhiteSpace: "String Value",
    city: "Unlandstraße",
    arrayValues: [1, "string"]
}).toString()

//Result
'amount=%5Bobject+Object%5D&stringValueWithWhiteSpace=String+Value&city=Unlandstra%C3%9Fe&arrayValues=1%2Cstring'
```

This type of encoding may not be compatible with the API you are trying to connect.
Notice the **Object**, **arrayValues** definitions and the **special character** in the city name.

## License

MIT
npm package: @modularium/check-update
Description: A library to check for updates from npm or other registry
Author: redcarti & modularium team
Latest version: 1.0.12
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

# check-update
A library to check for updates from npm or other npm registry

## Installing
```shell
npm install @modularium/check-update
```

## Way of using it

`checkUpdate()` is an async function that requires 3 arguments, but the last one is optional

```javascript
let { checkUpdate } = require('@modularium/check-update')

checkUpdate(packageName, packageVersion, packageRegistry)
```

If your package is on npm registry (https://registry.npmjs.org) then don't provide the last argument

Don't use it with `await` keyword because of throwed errors

#### Example
```javascript
let { checkUpdate } = require('@modularium/check-update')

checkUpdate('@modularium/discord', '0.1.18-beta.1')
```

### .then
On callback `checkUpdate()` returns an object with `isNeeded` and `lastVersion` properties.

`isNeeded` is a boolean to say that you need to update a package, or not.

`lastVersion` is a string with last version on a registry.

#### Example
```javascript
let { checkUpdate } = require('@modularium/check-update')

checkUpdate('@modularium/discord', '0.1.18-beta.1')
.then(({ isNeeded, lastVersion }) => {
    if (isNeeded) {
        console.log(`Hey! modularium is updated to ${lastVersion}. Please update it!`)
    } else {
        console.log('Looks like you have last version of modularium. That\'s great!')
    }
})
```

### .catch
`.catch` callback might be called only in 3 ways:
- No such version
- No suck package
- Or other error

You can catch those errors accessing `code` property of an error

#### NoSuchVersionError
This error is being throwed because there's no provided version on a registry

#### NoSuchPackageError
This error is being throwed because there's no such package on a registry

#### Example
```javascript
let { checkUpdate } = require('@modularium/check-update')

checkUpdate('@modularium/discord', '0.1.18-beta.1')
.then(({ isNeeded, lastVersion }) => {
    if (isNeeded) {
        console.log(`Hey! modularium is updated to ${lastVersion}. Please update it!`)
    } else {
        console.log('Looks like you have last version of modularium. That\'s great!')
    }
})
.catch(err => {
    if (err.code === 'noSuchVersion') {
        console.log('Hmm, your version of modularium is not found on npm...')
    } else if (err.code === 'noSuchPackage') {
        console.log('Errm... modularium is not found. Check for correctness of provided arguments')
    } else {
        // Other error
        console.error(err)
    }
})
```
npm package: @modulator/cli
Description: A powerful CLI for managing modular monolith applications built with the Modulator framework.
Latest version: 1.1.1

# @modulator/cli

A powerful CLI for managing modular monolith applications built with the Modulator framework.

## Installation

Install globally (recommended):

```sh
npm install -g @modulator/cli
```

Or use with npx (no install required):

```sh
npx @modulator/cli <command>
```

Or add as a dev dependency in your project:

```sh
npm install --save-dev @modulator/cli
```

## Usage

Run CLI commands from your project root:

```sh
modulator <command>
```

Or, if installed as a dev dependency:

```sh
npx modulator <command>
```

Or via npm script (if your package.json has a script like "cli": "modulator"):

```sh
npm run cli -- <command>
```

## Available Commands

- `setup:upgrade`  
  Discover enabled modules and run their migrations/setup tasks.

- `module:list`  
  List all modules and their status (ENABLED/DISABLED).

- `module:enable <name>`  
  Enable a module. Will check that all dependencies are enabled before proceeding.

- `module:disable <name>`  
  Disable a module. Will prevent disabling if any enabled module depends on it.

- `module:info <name>`  
  Show detailed info about a module (metadata, dependencies, etc).

- `db:migrate`  
  Merge all module schemas and run Prisma migration.

## Project Structure

- `config/modules.json` — Tracks enabled/disabled modules.
- `modules/` — Each module has its own folder and `module.json`.
- `prisma/` — Prisma schema and migrations (auto-initialized if missing).

## Development

- Clone this repo and run CLI commands with `ts-node` for local development.
- To test changes to the core package, use `npm link` to link `@modulator/core` locally.
- Pull requests and contributions are welcome!

## License

MIT
npm package: @modulbank/components-header
Description: component header for modulbank, kassa, buh
Latest version: 0.4.25

# Header

** This Header component only for kassa, buh and bank sites only **
** You must have nuxt instance **
____

## publish package

Публиковать пакет через терминал НЕ нужно!!!

1 - Меняем версию пакета

2 - После создания мрки, публикуем пакет, с помощью этапа в ci/cd publish

3 - Публикуем его в нексус, с помощью этапа publish_nexus

4 - Используем его в проекте с новой версией

## how to use

1 - 
> npm i @modulbank/components-header

2 - in your layout
> import MbHeader from '@modulbank/components-header/src/index.vue';

3 - reg as component
> components: { MbHeader }

4 - you need to pass the prop menuContent 
> menuContent should have this structure

>> {
>>     project!: bank, buh or kassa
>>     menuList!: [
>>      {
>>         title!
>>         link
>>         dropdown: [
>>             type!: bold | normal
>>             text
>>             link
>>             col
>>         ]
>>         banner
>>      }
>>     ]
>>     personalMenu!: [
>>         {
>>             icon
>>             link
>>             text
>>             col
>>         }
>>     ]
>> }
npm package: @modulbank/prettier-config
Description: Modulbank Prettier configuration
Author: Aleksandr Bukhalo
Latest version: 0.1.0

# `@modulbank/prettier-config`

> Modulbank [Prettier](https://prettier.io) config.

## Usage

**Install**:

```bash
$ npm i -D @modulbank/prettier-config
```

**Define Prettier config in `package.json`**:

```jsonc
{
  // ...
  "prettier": "@modulbank/prettier-config"
}
```

**Or use "extend-way" to overwrite some properties from the this configuration**:
```js
module.exports = {
  ...require("@modulbank/prettier-config"),
  semi: false
};
```
npm package: @modulbank/vue-loader
Description: Vue single-file component loader for Webpack
Author: Evan You
Latest version: 12.2.2

# vue-loader [![Build Status](https://circleci.com/gh/vuejs/vue-loader/tree/master.svg?style=shield)](https://circleci.com/gh/vuejs/vue-loader/tree/master) [![Windows Build status](https://ci.appveyor.com/api/projects/status/8cdonrkbg6m4k1tm/branch/master?svg=true)](https://ci.appveyor.com/project/yyx990803/vue-loader/branch/master) [![npm package](https://img.shields.io/npm/v/vue-loader.svg?maxAge=2592000)](https://www.npmjs.com/package/vue-loader)

> Vue.js component loader for [Webpack](https://webpack.js.org/).

**NOTE: the master branch (9.0+) only works with Vue 2.x. For usage with Vue 1.x, see the [8.x branch](https://github.com/vuejs/vue-loader/tree/8.x).**

It allows you to write your components in this format:

![screenshot](http://blog.evanyou.me/images/vue-component.png)

The best way to get started is with [vue-cli](https://github.com/vuejs/vue-cli):

``` js
npm install -g vue-cli
vue init webpack-simple hello
cd hello
npm install
npm run dev
```

This will setup a basic Webpack + `vue-loader` project for you, with `*.vue` files and hot-reloading working out of the box!

For advanced `vue-loader` configuration, checkout the [documentation](https://vue-loader.vuejs.org).
npm package: @module-federation/bridge-vue3
Description: This template should help get you started developing with Vue 3 and TypeScript in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.
Author: zhouxiao
Latest version: 2.3.1
npm package: @module-federation/concat-runtime
Description: Joins runtimeChunk: "single" back to a ModuleFederationPlugin remote containers for independent functionality
Author: Zack Jackson
Latest version: 0.0.1

# Module Federation Runtime Chunk Merging

This plugin makes module federation work as expected when using
`runtimeChunk:"single"` as an optimization tactic.

Solved common issues seen with next.js and other optimized builds with module federation

## Usage

```js
plugins: [
  new ModuleFedSingleRuntimePlugin(),
  new ModuleFederationPlugin({
    name: "app2",
    filename: "remoteEntry.js",
    exposes: {
      "./Button": "./src/Button",
    },
    shared: { react: { singleton: true }, "react-dom": { singleton: true } },
  }),
  new HtmlWebpackPlugin({
    template: "./public/index.html",
  }),
];
```

# Example

Can be found in the `/example` directory

### Supports

Webpack 5 with Federated Modules

# Check out our book

| <a href="https://module-federation.myshopify.com/products/practical-module-federation" target="_blank"><img src="./docs/MFCover.png" alt='Practical Module Federation Book' width="95%"/></a> | <a href="https://module-federation.myshopify.com/products/practical-module-federation" target="_blank">We will be actively updating this book over the next year as we learn more about best practices and what issues people are running into with Module Federation, as well as with every release of Webpack as it moves towards a release candidate and release. So with your one purchase you are buying a whole year of updates.</a> |
| --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
npm package: @module-federation/fmr
Description: ## Installation
Latest version: 0.0.7

# MF Live Reload Plugin

## Installation

1. Download this package as a dev dependency

```shell
> npm i -D @module-federation/fmr
```

2. Add the plugin to your webpack plugin configuration

```javascript
const { ModuleFederationPlugin } = require("webpack").container;

// import the plugin
const { MFLiveReloadPlugin } = require("@module-federation/fmr");

module.exports = {
  //...webpack configs
  plugins: [
    // configure the plugin
    new MFLiveReloadPlugin({
      port: 8081, // the port your app runs on
      container: "dashboard", // the name of your app, must be unique
      standalone: false, // false uses chrome extention
    }),
    new ModuleFederationPlugin({
     // ...module federation configs
    }),
  ],
};
```
3. Install the chrome extension `Module Federation Live Reload` (currently under review) - you can use `standalone:true` 

4. Start your webpack development server and if everything goes according to plan,
   you should see this output in your console.

```shell
> MF - starting server
> MF - connecting to containers
```

## API

The API for this plugin consists of three configs:

1. port: this is the port that your application is hosted on
2. container: this is the name of your Module Federation container
3. standalone: use this plugin without the MF Dev Tools chrome extension. This config option defaults to true, so if you would like to use the MF Dev Tools chrome extension, you will need to set `standalone: false` in the MFLiveReloadPlugin config.

## Trouble-shooting

Sometimes a browser refresh may be necessary to open a socket connection to the MF Live Reload dev server.
npm package: @module-federation/next
Description: The React Framework
Latest version: 9.3.2-beta.3

[![Next.js](https://assets.zeit.co/image/upload/v1538361091/repositories/next-js/next-js.png)](https://nextjs.org)

<p align="center">
  <a aria-label="ZEIT logo" href="https://github.com/zeit">
    <img src="https://img.shields.io/badge/MADE%20BY%20ZEIT-000000.svg?style=for-the-badge&logo=ZEIT&labelColor=000000&logoWidth=20">
  </a>
  <a aria-label="NPM version" href="https://www.npmjs.com/package/next">
    <img alt="" src="https://img.shields.io/npm/v/next.svg?style=for-the-badge&labelColor=000000">
  </a>
  <a aria-label="License" href="https://github.com/zeit/next.js/blob/canary/license.md">
    <img alt="" src="https://img.shields.io/npm/l/next.svg?style=for-the-badge&labelColor=000000">
  </a>
  <a aria-label="join us in spectrum" href="https://github.com/zeit/next.js/discussions">
    <img alt="" src="https://img.shields.io/badge/Join%20the%20community-blueviolet.svg?style=for-the-badge&logo=Next.js&labelColor=000000&logoWidth=20">
  </a>
</p>

## Getting Started

Visit <a aria-label="next.js learn" href="https://nextjs.org/learn">https://nextjs.org/learn</a> to get started with Next.js.

## Documentation

Visit <a aria-label="next.js learn" href="https://nextjs.org/docs">https://nextjs.org/docs</a> to view the documentation.

## Contributing

Please see our [contributing.md](/contributing.md).

## Authors

- Arunoda Susiripala ([@arunoda](https://twitter.com/arunoda)) – [ZEIT](https://zeit.co)
- Tim Neutkens ([@timneutkens](https://twitter.com/timneutkens)) – [ZEIT](https://zeit.co)
- Naoyuki Kanezawa ([@nkzawa](https://twitter.com/nkzawa)) – [ZEIT](https://zeit.co)
- Tony Kovanen ([@tonykovanen](https://twitter.com/tonykovanen)) – [ZEIT](https://zeit.co)
- Guillermo Rauch ([@rauchg](https://twitter.com/rauchg)) – [ZEIT](https://zeit.co)
- Dan Zajdband ([@impronunciable](https://twitter.com/impronunciable)) – Knight-Mozilla / Coral Project
npm package: @module-federation/rollup-federation
Description: Multiple separate builds should form a single application.
Author: Jacob Ebey
Latest version: 0.0.1

# rollup-federation

🍣 A Rollup plugin which enables consumption of
[Federated Modules](https://webpack.js.org/concepts/module-federation/).

This plugin essentially reproduces the functionality of Webpack's
[ContainerReferencePlugin](https://webpack.js.org/concepts/module-federation/#containerreferenceplugin-low-level)
and
[OverridablesPlugin](https://webpack.js.org/concepts/module-federation/#overridablesplugin-low-level).

## Limitations

This is **not** full support for Module Federation, there are limitations:

-   Can not act as a container.
    -   This means you can not federate modules from Rollup to Webpack
-   Both the Rollup and Webpack container builds need to have the same target
    -   Has only been tested with
        [SystemJS](https://github.com/systemjs/systemjs)
    -   Should theoretically work with
        [AMD](https://requirejs.org/docs/whyamd.html#amd) as well, give it a try
        and provide feedback.

## Requirements

This plugin requires an [LTS](https://github.com/nodejs/Release) Node version
(v8.0.0+) and Rollup v1.20.0+.

## Install

Using npm:

```console
npm install @module-federation/rollup-federation --save-dev
```

## Usage

Create a `rollup.config.js`
[configuration file](https://www.rollupjs.org/guide/en/#configuration-files) and
import the plugin:

```js
import federation from '@module-federation/rollup-federation';

export default {
	input: 'src/index.js',
	output: {
		dir: 'output',
		format: 'system',
	},
	plugins: [
		federation({
			remotes: {
				foo: 'remote_foo',
			},
			shared: {
				lodash: '^4.17.0',
			},
		}),
	],
};
```

Import your remote:

```js
(async () => {
	const fooHello = await import('foo/hello');
	fooHello.default('world');
})();
```

Then call `rollup` either via the
[CLI](https://www.rollupjs.org/guide/en/#command-line-reference) or the
[API](https://www.rollupjs.org/guide/en/#javascript-api).

## Options

### `remotes`

Type: `Object`<br> Default: `null`

An `Object` that specifies the remotes that will be consumed.

```
remotes: {
  'import_name': 'import_alias'
}
```

### `shared`

Type: `Object`<br> Default: `null`

An `Object` that specifies the shared dependencies.

```
shared: {
  lodash: '^4.17.0',
  react: {
    eager: true,
    singleton: true,
    requiredVersion: '16.13.1',
  },
  "react-dom": {
    eager: true,
    singleton: true,
    requiredVersion: '16.13.1',
  }
}
```