open-index/open-npm huggingface dataset:
npm package: @pionxzh/eslint-config
Description: Pionxzh's ESLint config
Author: pionxzh
Latest version: 2.0.2

# @pionxzh/eslint-config
Forked from [antfu/eslint-config](https://github.com/antfu/eslint-config)

[![npm](https://img.shields.io/npm/v/@pionxzh/eslint-config?color=a1b858&label=)](https://npmjs.com/package/@pionxzh/eslint-config)

- Single quotes, no semi
- Auto fix for formatting (aimed to be used standalone **without** Prettier)
- Designed to work with TypeScript, Vue, React out-of-box
- Lints also for json, yaml, markdown
- Sorted imports, dangling commas
- Reasonable defaults, best practices, only one-line of config
- Respects `.gitignore` by default
- [ESLint Flat config](https://eslint.org/docs/latest/use/configure/configuration-files-new), compose easily!
- Using [ESLint Stylistic](https://github.com/eslint-stylistic/eslint-stylistic)
- **Style principle**: Minimal for reading, stable for diff, consistent

## Usage

### Install

```bash
pnpm i -D eslint @pionxzh/eslint-config
```

### Usage
create `eslint.config.mjs` in your project root:

```js
// eslint.config.mjs
import pionxzh from '@pionxzh/eslint-config'

export default pionxzh()
```

## Extended Reading

Learn more about the context - [Why I don't use Prettier](https://antfu.me/posts/why-not-prettier).

## License

[MIT](./LICENSE) License &copy; 2022-PRESENT [Pionxzh](https://github.com/pionxzh)
npm package: @piopi/easy-email-editor
Description: Email editor - React 19 compatible fork
Author: piopi
Latest version: 4.16.4

# Easy-email-editor

## Introduction

Email render and preview container.

## usage

```sh
$ npm install --save easy-email-editor
```

or

```sh
$ yarn add easy-email-editor
```

```js
import React from 'react';
import { BlockManager } from 'easy-email-core';
import { EmailEditor, EmailEditorProvider } from 'easy-email-editor';
import 'easy-email-editor/lib/style.css';

const initialValues = {
  subject: 'Welcome to Easy-email',
  subTitle: 'Nice to meet you!',
  content: BlockManager.getBlockByType(BasicType.PAGE).create({}),
};

export function App() {
  return (
    <EmailEditorProvider
      data={initialValues}
      height={'calc(100vh - 72px)'}
    >
      {({ values }) => {
        return <EmailEditor />;
      }}
    </EmailEditorProvider>
  );
}
```
npm package: @piopi/easy-email-extensions
Description: Email editor - React 19 compatible fork
Author: piopi
Latest version: 4.16.5

# Easy-email-extensions

## usage

```sh
$ npm install --save easy-email-extensions
```

or

```sh
$ yarn add easy-email-extensions
```

```js
import React from 'react';
import { BlockManager, BasicType, AdvancedType } from 'easy-email-core';
import { EmailEditor, EmailEditorProvider } from 'easy-email-editor';
import { ExtensionProps, StandardLayout } from 'easy-email-extensions';

import 'easy-email-editor/lib/style.css';
import 'easy-email-extensions/lib/style.css';

const categories: ExtensionProps['categories'] = [
  {
    label: 'Content',
    active: true,
    blocks: [
      {
        type: AdvancedType.TEXT,
      },
      {
        type: AdvancedType.IMAGE,
        payload: { attributes: { padding: '0px 0px 0px 0px' } },
      },
      {
        type: AdvancedType.BUTTON,
      },
      {
        type: AdvancedType.SOCIAL,
      },
      {
        type: AdvancedType.DIVIDER,
      },
      {
        type: AdvancedType.SPACER,
      },
      {
        type: AdvancedType.HERO,
      },
      {
        type: AdvancedType.WRAPPER,
      },
    ],
  },
  {
    label: 'Layout',
    active: true,
    displayType: 'column',
    blocks: [
      {
        title: '2 columns',
        payload: [
          ['50%', '50%'],
          ['33%', '67%'],
          ['67%', '33%'],
          ['25%', '75%'],
          ['75%', '25%'],
        ],
      },
      {
        title: '3 columns',
        payload: [
          ['33.33%', '33.33%', '33.33%'],
          ['25%', '25%', '50%'],
          ['50%', '25%', '25%'],
        ],
      },
      {
        title: '4 columns',
        payload: [['25%', '25%', '25%', '25%']],
      },
    ],
  },
];

const initialValues = {
  subject: 'Welcome to Easy-email',
  subTitle: 'Nice to meet you!',
  content: BlockManager.getBlockByType(BasicType.PAGE)!.create({}),
};

export default function App() {

  return (
    <EmailEditorProvider
      data={initialValues}
      height={'calc(100vh - 72px)'}
      autoComplete
      dashed={false}
    >
      {({ values }) => {
        return (
          <StandardLayout
            categories={categories}
            showSourceCode={true}
          >
            <EmailEditor />
          </StandardLayout>
        );
      }}
    </EmailEditorProvider>
  );
}

```
npm package: @piopli/terminal-ui
Description: Terminal UI component
Author: Piotr Pliszko
Latest version: 1.2.0

# TerminalUI

[![npm version](https://img.shields.io/npm/v/@piopli/terminal-ui)](https://www.npmjs.com/package/@piopli/terminal-ui) [![license](https://img.shields.io/npm/l/@piopli/terminal-ui)](https://github.com/piotrpliszko/terminal-ui/blob/master/LICENSE)

Simple and lightweight terminal UI component.

![Screenshot 1](./assets/screenshot-1.png)
![Screenshot 2](./assets/screenshot-2.png)

## Installation

```
npm install @piopli/terminal-ui
```

## Usage

Example:

```html
<div data-terminalui>
  <div data-terminalui-command>
    echo "Lorem ipsum dolor, sit amet consectetur adipisicing elit."
  </div>
  <div data-terminalui-output>
    Lorem ipsum dolor, sit amet consectetur adipisicing elit.
  </div>
</div>
```

You can use CSS-only version or include JavaScript to get some dynamic functionality.

### CSS-only

Just include `styles.css` file in your project.

### JavaScript

```javascript
import terminalui from '@piopli/terminal-ui';
```

```javascript
const terminal = terminalui();
terminal.init();
```

## Configuration

Available options:

- `selector` - custom selector to handle only selected TerminalUI objects with created instance
- `prompt` - custom terminal prompt, default: `$`
- `failSilently` - specify if instance should throw error or fail silently if no matching containers are found, default: `true`

Example configuration:

```javascript
const terminal = terminalui({
  selector: '.custom-terminalui-selector',
  prompt: '>',
  failSilently: true,
});
```
npm package: @piotr-cz/redux-broadcast-middleware
Description: Sync redux state using BroadcastChannel
Author: Piotr Konieczny
Latest version: 1.0.3

# Redux crosstab broadcast channel middleware

Lightweight Redux middleware to sync state across browser tabs/ windows with same origin (browsing context) using [BroadcastChannel](https://developer.mozilla.org/en-US/docs/Web/API/BroadcastChannel).

When BroadcastChannel interface [isn't available](https://caniuse.com/#search=BroadcastChannel) (at the moment only Chrome 54+ or Firefox 38+ are supported) middleware is opaque - does nothing.
For list of polyfills is see [this Web fundamentals article](https://developers.google.com/web/updates/2016/09/broadcastchannel#feature_detection_and_browser_support).


## Installation

```sh
npm install --save @piotr-cz/redux-broadcast-middleware
```
or

```sh
yarn add @piotr-cz/redux-broadcast-middleware
```


## Setup

Import the middleware and include it in `applyMiddleware` when creating Redux store:

```js
// configureStore.js

import reduxBroadcastMiddleware from '@piotr-cz/redux-broadcast-middleware'

//...

const store = createStore(
  rootReducer,
  applyMiddleware(
    reduxBroadcastMiddleware(
      'state-channel',
      ['DO_NOT_SYNC_THIS_ACTION']
    )
  )
)
```


### Options

- _{string}_ **Channel name** - Used for broadcasting and listening to
- _{Array}_ **Blacklist** - Array of additional actions that should be ignored


## Notes

- Middleware doesn't sync [Redux-persist](https://www.npmjs.com/package/redux-persist) actions (starting with `persist/` prefix) by puprose
- Errors, Functions and DOM nodes cannot be broadcasted. For more info read [MDN: The structured clone algorithm](https://developer.mozilla.org/en-US/docs/Web/API/Web_Workers_API/Structured_clone_algorithm)


## Similar projects

- [cross-tab-middleware](https://github.com/stutrek/cross-tab-middleware) - redux middleware, uses localStorage to sync
- [Redux-State-Sync](https://github.com/AOHUA/redux-state-sync) - redux middlware, uses localStorage to sync
- [Redux Persist Crosstab](https://github.com/rt2zz/redux-persist-crosstab) - redux persist rehdration, uses localsStorage to sync
npm package: @piotr-cz/redux-persist-idb-storage
Description: Redux Persist adapter for IndexedDB storage
Author: Piotr Konieczny
Latest version: 1.1.3

# Redux Persist adapter for IndexedDB storage

Storage adapter to use [IndexedDB](https://developer.mozilla.org/en-US/docs/Glossary/IndexedDB) via [idb](https://www.npmjs.com/package/idb) v3 with [redux-persist](https://github.com/rt2zz/redux-persist) ripped from [idb v3 docs > Examples](https://github.com/jakearchibald/idb/tree/v3.0.0#keyval-store) section


## Installation

Using npm:

```sh
npm install --save @piotr-cz/redux-persist-idb-storage
```

or Yarn:

```sh
yarn add @piotr-cz/redux-persist-idb-storage
```


## Requirements

- [Promise](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise) support/ polyfill


## Setup

Import the storage and include it in `persistConfig` when creating Redux store:

```js
// configureStore.js

// Using CommonJS modules
import createIdbStorage from '@piotr-cz/redux-persist-idb-storage'

// Or using ES6 modules
import createIdbStorage from '@piotr-cz/redux-persist-idb-storage/src'

const persistConfig = {
  key: 'root',
  storage: createIdbStorage({name: 'myApp', storeName: 'keyval'}),
  serialize: false, // Data serialization is not required and disabling it allows you to inspect storage value in DevTools
}

// ...
```

### Server-Side Rendering

When using Server-Side Rendering (SSR), indexedDB won't be available in the environment.

In this case you may use feature detection with a fallback to use default redux-persist storage (which resolves to [noop](https://github.com/rt2zz/redux-persist/blob/d7efde9115a0bd2d6a0309ac6fb1c018bf06dc30/src/storage/getStorage.js#L42) functions):

```js
// configureStore.js

// Redux Persist storage
import defaultStorage from 'redux-persist/lib/storage'

// IndexedDB storage
import createIdbStorage from '@piotr-cz/redux-persist-idb-storage/src'

const persistConfig = {
  key: 'root',
  storage: globalThis.indexedDB ? createIdbStorage({name: 'myApp', storeName: 'keyval'}) : defaultStorage,
  serialize: false, 
}
```


### Options

See [idb API](https://github.com/jakearchibald/idb/tree/v3.0.2#api)

- `name` (optional): IndexedDB Database name. Defaults to `'keyval-store'`.
- `storeName` (optional): IndexedDB Store name. Defaults to `'keyval'`.
- `version` (optional): Schema version. Defaults to `1`.
- `upgradeCallback` (optional): Defaults to `upgradeDb => upgradeDb.createObjectStore(options.storeName)`.


## Notes

- idb dependency is locked to version ^3.0.0 as [4+ uses](https://github.com/jakearchibald/idb/blob/v4.0.3/changes.md#new-stuff) [proxies](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Proxy) which are not supported in older browsers
- credits go to [idb](https://github.com/jakearchibald/idb) authors
npm package: @piotr-cz/rollup-plugin-prepend-modules
Description: A Rollup plugin which adds import modules to input entry
Author: Piotr Konieczny
Latest version: 1.0.2

[npm]: https://img.shields.io/npm/v/@piotr-cz/rollup-plugin-prepend-modules
[npm-url]: https://www.npmjs.com/package/@piotr-cz/rollup-plugin-prepend-modules

[![npm][npm]][npm-url]

# Rollup plugin to prepend modules

A Rollup plugin which adds import modules to input entry

## Requirements

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

## Install

Using npm:

```console
npm install @piotr-cz/rollup-plugin-prepend-modules --save-dev
```

## Usage

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

```js
import prependModules from '@piotr-cz/rollup-plugin-prepend-modules';

export default {
  input: 'src/index.js',
  output: {
    dir: 'output',
    format: 'cjs'
  },
  plugins: [
    // Use plugin only in development environment
    process.env.NODE_ENV === 'development' && prependModules({
      modules: ['preact/debug'],
      sourceMap: true
    })
  ]
};
```

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):

```console
# Optionally set environment to development
npx rollup --config --environment NODE_ENV:development
```

The configuration above will add `import 'preact/debug';` to input entry (`src/index.js` in this case).

## Options

### `modules`

type: `string[]`<br />
default: `[]`

An array of modules to prepend

### `sourceMap`

type: `boolean`<br />
default: `true`

If false, skips source map generation

## Meta

[LICENSE (MIT)](/LICENSE)
npm package: @piotr.zielinski.1994/inpost
Description: ```bash nvm use # (optionally) Set proper nodejs version using nvm tool
Author: Piotr Zieliński
Latest version: 0.0.19

```bash
nvm use # (optionally) Set proper nodejs version using nvm tool

npm ci
cp .env.example .env  # Fill with proper data
npm run start
```
npm package: @piotreksl/editor-js-image-carousel
Description: Image Tool for Editor.js
Author: piotreksl
Latest version: 2.4.3

![](https://badgen.net/badge/Editor.js/v2.0/blue)

# Carousel Tool

Carousel/Gallery Block for the [Editor.js](https://editorjs.io).

![](./img/prelaod.png)

## Features

- Uploading file from the device
- Preload image

**Note** This Tool requires server-side implementation for file uploading. See [backend response format](#server-format) for more details.

## Installation

### Manual downloading and connecting

1. Upload folder `dist` from repository
2. Add `dist/bundle.js` file to your page.

## Usage

Add a new Tool to the `tools` property of the Editor.js initial config.

```javascript
import Carousel from 'Carousel';

// or if you inject ImageTool via standalone script
const Carousel = window.Carousel;
 
var editor = EditorJS({
  ...

  tools: {
    ...
    carousel: {
                    class: Carousel,
                    config: {
                        endpoints: {
                            byFile: "URL_FETCH",
                        }
                    }
                },
  }

  ...
});
```
npm package: @piotrgorecki/i18n-currency-name
Description: Translate currency code (ISO 4217) to localized currency name.
Author: Piotr Górecki
Latest version: 1.3.0

# i18n-currency-name
[![](https://img.shields.io/npm/v/@piotrgorecki/i18n-currency-name.svg)](https://www.npmjs.com/package/@piotrgorecki/i18n-currency-name)
[![install size](https://packagephobia.now.sh/badge?p=@piotrgorecki/i18n-currency-name)](https://packagephobia.now.sh/result?p=@piotrgorecki/i18n-currency-name)


Translates the currency code ([ISO 4217](https://en.wikipedia.org/wiki/ISO_4217)) to the localized currency name.

## Install

```sh
$ npm install @piotrgorecki/i18n-currency-name
$ yarn add @piotrgorecki/i18n-currency-name
```

## Usage

```js
var currencyToName = require("@piotrgorecki/i18n-currency-name");

currencyToName("USD", "de")  // "Dollar"
currencyToName("USD", "en")  // "US Dollar"
currencyToName("USD", "es")  // "Dólar estadounidense"
currencyToName("USD", "pl")  // "Dolar Amerykański"
currencyToName("XYZ", "en")  // undefined
currencyToName("USD", "xyz") // undefined
```

### Supported locals
```js
["da", "de", "el", "en", "es", "fi", "fr", "it", "ja", "ko", "lt", "nb", "pl", "pt", "ro", "sv", "tr", "ua", "ur", "zh"]
```
npm package: @piotrkotulski/randomid-generator
Description: To jest prosta paczka do generowania losowych IDków w języku JavaScript.
Latest version: 1.0.2

# Generator IDków

To jest prosta paczka do generowania losowych IDków w języku JavaScript.

## Instalacja

Aby zainstalować paczkę, użyj polecenia:

yarn add @piotrkotulski/randomid-generator 
lub
npm install @piotrkotulski/randomid-generator
npm package: @piotrowiczmateusz/modules
Description: Made with create-react-library
Latest version: 1.0.21

# modules

> Made with create-react-library

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

## Install

```bash
npm install --save modules
```

## Usage

```jsx
import React, { Component } from 'react'

import MyComponent from 'modules'
import 'modules/dist/index.css'

class Example extends Component {
  render() {
    return <MyComponent />
  }
}
```

## License

MIT © [](https://github.com/)
npm package: @pioug/colorthief
Description: Get the dominant color or color palette from an image.
Author: Lokesh Dhakar
Latest version: 4.0.0

# Color Thief

Grab the color palette from an image using just Javascript.Works in the browser and in Node.

### View the [demo page](https://lokeshdhakar.com/projects/color-thief/) for examples, API docs, and more.

---

## Contributing

### Project structure

- `build/` - Simple script that copies and renames files into the /dist folder.
- `cypress/` - Browsers tests.
- `dist/` - Generated distribution files created by [microbundle](https://github.com/developit/microbundle) package and a couple of files copied via build script.
- `examples/` - CSS, JS, and Images for the index.html example page.
- `src/color-thief-node.js` - Source for the Node (commonjs) compatible version of the script.
- `src/color-thief.js` - Source for the browser (ES6, AMD, Global var) compatible version of the script.
- `src/core.js` - Functions shared between the node and browser versions of the script.
- `test/` - Node integration tests. Uses Chai.
- `index.html` - Example page.

### Running tests

There are two sets of tests:

1. Browser tests run with [Cypress](https://www.cypress.io)
2. Node tests run with [Karma](https://karma-runner.github.io/latest/index.html) and utilizing [Mocha](https://mochajs.org/)

To run both the browser and Node tests:

- `npm run dev` to start local server.
- `npm run test`

To run just the browser tests with the Cypress UI:

- `npm run dev` to start local server
- `npm run test:browser`

To run just the Node tests:

- `npm run test:node`

### Adding tests

- Update `cypress/test-pages/index.html` as needed or create a new test page if you need new examples.
- Add new tests in `cypress/integration/apis_spec.js`

### Making a new release

- Merge `dev` into `master`
- Pull down `master`
- Update version number in `src/color-thief.js` and `package.json`
- Run `npm run build`
- Commit and push built files back up to `master`
- Create a new Github release along with tag. Naming convention for both `v2.8.1`
- `npm publish`
npm package: @pioug/get-pixels
Description: Reads the pixels of an image as an ndarray
Author: Mikola Lysenko
Latest version: 5.0.0

# get-pixels

Given a URL/path, grab all the pixels in an image and return the result as an [ndarray](https://github.com/mikolalysenko/ndarray). Written in 100% JavaScript, works both in browserify and in node.js and has no external native dependencies.

Currently the following file formats are supported:

- `PNG`
- `JPEG`
- `GIF`

# Example

```javascript
var getPixels = require("get-pixels");

getPixels("lena.png", function (err, pixels) {
  if (err) {
    console.log("Bad image path");
    return;
  }
  console.log("got pixels", pixels.shape.slice());
});
```

# Install

    npm install get-pixels

### `require("get-pixels")(url[, type], cb(err, pixels))`

Reads all the pixels from url into an ndarray.

- `url` is the path to the file. It can be a relative path, an http url, a data url, or an [in-memory Buffer](http://nodejs.org/api/buffer.html).
- `type` is an optional mime type for the image (required when using a Buffer)
- `cb(err, pixels)` is a callback which gets triggered once the image is loaded.

**Returns** An ndarray of pixels in raster order having shape equal to `[width, height, channels]`.

**Note** For animated GIFs, a 4D array is returned with shape `[numFrames, width, height, 4]`, where each frame is a slice of the final array.

# Credits

(c) 2013-2014 Mikola Lysenko. MIT License
npm package: @pioug/gulp-angular-filesort
Description: Automatically sort AngularJS app files depending on module definitions and usage
Author: Joakim Bengtson
Latest version: 1.3.0

# gulp-angular-filesort [![NPM version][npm-image]][npm-url] [![Build Status][travis-image]][travis-url] [![Dependency Status][depstat-image]][depstat-url]

---

## WARNING: Considering this for new apps? Don't!

**Use something like [Browserify](http://browserify.org/) or [Webpack](https://webpack.github.io/) instead!**

---

> Automatically sort AngularJS app files depending on module definitions and usage

Used in conjunction with [`gulp-inject`](https://www.npmjs.org/package/gulp-inject) to inject your AngularJS application files (scripts) in a correct order, to get rid of all `Uncaught Error: [$injector:modulerr]`.  To work correctly, each angular file needs to have a uniquely named module and setter syntax (with the brackets), i.e. `angular.module('myModule', [])`.

## Installation

Install `gulp-angular-filesort` as a development dependency:

```shell
npm install --save-dev gulp-angular-filesort
```

## Usage

### In your `gulpfile.js`:

```javascript
var angularFilesort = require('gulp-angular-filesort'),
    inject = require('gulp-inject');

gulp.src('./src/app/index.html')
  .pipe(inject(
    gulp.src(['./src/app/**/*.js']).pipe(angularFilesort())
  ))
  .pipe(gulp.dest('./build'));
```

**NOTE** Do not use the `read` option for `gulp.src`! This plugin analyzes the contents of each file to determine sort order.


## Changelog

1.3.0 - update ng-dependencies to handle rest and spread properties

1.2.4 - use ng-dependencies fork to handle JSX syntax

## License

[MIT License](http://en.wikipedia.org/wiki/MIT_License)

[npm-url]: https://npmjs.org/package/gulp-angular-filesort
[npm-image]: https://badge.fury.io/js/gulp-angular-filesort.png

[travis-url]: http://travis-ci.org/klei/gulp-angular-filesort
[travis-image]: https://secure.travis-ci.org/klei/gulp-angular-filesort.png?branch=master

[depstat-url]: https://david-dm.org/klei/gulp-angular-filesort
[depstat-image]: https://david-dm.org/klei/gulp-angular-filesort.png