open-index/open-npm huggingface dataset:
npm package: @kolod/posthtml-inline-svg
Description: Inline svg icons in HTML
Author: Andrey Khokhlov
Latest version: 0.3.1

# posthtml-inline-svg

[PostHTML](https://github.com/posthtml/posthtml) plugin that inline svg icons in HTML. Like GitHub [does](https://github.blog/2016-02-22-delivering-octicons-with-svg/) with Octicons.

### Before

```html
<icon src="icon.svg" class="icon"></icon>
```

### After

```html
<svg viewBox="0 0 100 100" class="icon">
  <path d="M6 0l8 89.9L49.9 100 86 89.9 94 0H6zm70.6 29.3H34.5l.9 11.3h40.2l-3.1 34-22.4 6.2v.1h-.3l-22.6-6.2-1.4-17.4h10.9l.8 8.8 12.2 3.3L62.2 66l1.4-14.3H25.3l-2.9-33.4h55.3l-1.1 11z"></path>
</svg>
```

## Install

```bash
npm i -D posthtml posthtml-inline-svg
```

## Usage

```js
const path = require('path')
const fs = require('fs')
const posthtml = require('posthtml');
const inlineSVG = require('posthtml-inline-svg');

posthtml(inlineSVG({
  cwd: path.resolve('src'),
  tag: 'icon',
  attr: 'src',
 }))
  .process(fs.readFileSync('index.html', 'utf8'))
  .then((result) => console.log(result.html));
```

## Options

|Option|Default|Description|
|:-:|:--|:--|
| **cwd** | `process.cwd()` | Path icon source related to |
| **tag** | `icon` | HTML-tag to process |
| **attr** | `src` | Attribute to get icon path |
| **comment** | `false` | Render HTML comment with icon source before icon markup |
| **svgo** `since 0.2.0` | `null` | Custom [SVGO](https://github.com/svg/svgo) config |
npm package: @kolodny/clippy
Description: Same old Clippy. Modern JavaScript.
Latest version: 1.0.0

# Clippy

> Add Clippy or his friends to any website for instant nostalgia.

## Demos

Please be patient for first load. It may take some time as agents are loaded one by one.

## Usage

### Demo

Run `npm run demo` to view the agent demo page.

### NPM / Webpack

```
npm install @kolodny/clippy
```

```ts
import clippy from '@kolodny/clippy';

clippy.load('Merlin', (agent: Agent) => {
  // do anything with the loaded agent
  agent.show();
});
```

## Actions

All the agent actions are queued and executed by order, so you could stack them.

```javascript
// play a given animation
agent.play('Searching');

// play a random animation
agent.animate();

// get a list of all the animations
agent.animations();
// => ["MoveLeft", "Congratulate", "Hide", "Pleased", "Acknowledge", ...]

// Show text balloon
agent.speak(
  'When all else fails, bind some paper together. My name is Clippy.'
);

// move to the given point, use animation if available
agent.moveTo(100, 100);

// gesture at a given point (if gesture animation is available)
agent.gestureAt(200, 200);

// stop the current action in the queue
agent.stopCurrent();

// stop all actions in the queue and go back to idle mode
agent.stop();
```

# Licence

MIT

## Special Thanks

- [pi0 for the original clippyJS implementation](https://github.com/pi0/clippyjs)
- The [Clippy.JS](http://smore.com/clippy-js) project by [Smore](http://smore.com)
- The awesome [Cinnamon Software](http://www.cinnamonsoftware.com/) for developing [Double Agent](http://doubleagent.sourceforge.net/)
  the program we used to unpack Clippy and his friends!
- Microsoft, for creating clippy :)
npm package: @kolodziej/counters
Description: Package with two counters `Counter` and `DecreasingCounter` constructors.
Author: MK
Latest version: 1.1.1

# @kolodziej/counters

Package with two counters `Counter` and `DecreasingCounter` constructors.

## Installation

```
npm install @kolodziej/counters
```

## Usage

To run demo app clone this repo and simply run:

```
npm install
```

```
npm start
```

## API

Every counter gets two arguments:

 1. selector of element to be rendered in.
 2. start number (optional, default 0).

Counter should be initialized after creation by calling `.innit()` method (sorry for addition 'n').

```javascript
import { Counter, DecreasingCounter } from '@kolodziej/counters'

const counter1 = new Counter('.counter-1', 5)
counter1.init()

const counter2 = new DecreasingCounter('.counter-2', -11)
counter2.init()
```
npm package: @kolory/angular-color-selector
Description: Angular 2 component for selecting colors from provided list
Latest version: 0.0.1

# Angular component for selecting colors from provided list
[![Build Status](https://travis-ci.org/kolory/color-selector.svg?branch=master)](https://travis-ci.org/kolory/color-selector)
[![Code Climate](https://codeclimate.com/github/kolory/color-selector/badges/gpa.svg)](https://codeclimate.com/github/kolory/color-selector)
[![Test Coverage](https://codeclimate.com/github/kolory/color-selector/badges/coverage.svg)](https://codeclimate.com/github/kolory/color-selector)

TODO: Description

## Installation and usage

```
npm install @kolory/color-selector
```

## License
MIT
npm package: @kolpax/exec-stream
Description: Spawn a child process and expose stdin and stdout as a single duplex stream.
Author: Martin Daniel Kolpak
Latest version: 1.0.0

# ExecStream

Spawn a child process and expose stdin and stdout as a single duplex stream.

## Usage

```js
execStream(command, arrayOfArguments)
execStream('ls', ['-l', '-a', '-h'])
```

## Example

This example prints out all `*.txt` files in current directory to stdout.

```js
import execStream from '@kolpax/exec-stream'

// Reading
execStream('ls', ['-lah'])
  // Writing and reading
  .pipe(execStream('grep', ['.txt']))
  // Writing
  .pipe(process.stdout)
```

## License

The MIT License (MIT)

Copyright (c) 2016 Martin Daniel Kolpak

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.
npm package: @kolserdav/imgresize
Description: Created image previews for big image
Author: kolserdav
Latest version: 3.0.0

# Resize image cli node script
Created image previews for big image

## Installation
### Global
```
npm i -g @kolserdav/imgresize
```
### Local
```
npm i --save-dev @kolserdav/imgresize
```
## Run
### Global
```
imgresize --path resources/test.png  --out  tmp/test
```
### Local
- Add to `package.json` the script:
```json
"scripts": {
  "..."
  "imgresize": "imgresize"
  "..."
}
```
- Run command:
```
npm run imgresize --path resources/test.png  --out  tmp/test
```
## Optional config
Add `imgresize` property to `package.json` file:
```json
"imgresize": { 
    "full": null,
    "desktop": 1920,
    "mobile": 760
  },
```
Will be create every image with custom sizes.
npm package: @kolserdav/react-lib
Description: Simple template project for create ReactJS component as npm library
Author: Sergey Kolmiller
Latest version: 1.0.1

# React component library template

Simple template project for create ReactJS component as npm library

## Usage

### Install and setup

- Clone source in to custom `package name` directory:

```console
git clone https://github.com/kolserdav/react-lib.git [package-name]
```

- Change dir to package-name:

```console
cd package-name
```

- Change git remote origin:
- - Remove old:

```console
git remote remove origin
```

- - Add new:

```console
git remote add origin https://github.com/user/package-name.git
```

- Install dependencies:

```console
npm install
```

- Set up package name and version on package.json

```json
{
  "name": "package-name",
  "version": "0.0.1"
}
```

- [OPTIONAL] Install recomended extension on [.vscode/extensions.json](.vscode/extensions.json)

### Run on development

**Files of your future component library placed on `src/package` directory**  
Run with live reload after change files:

```console
npm run dev
```

### Build before publish

**Output path for compiled files is `src/dist`**
Compile with clean extra files:

```console
npm run build
```

### Publish to npmjs.com

_Before each publication, you need to do `git push` with the new version in `package.json`_  
First publication:

```console
npm publish --access=public
```

Other publication:

```console
npm publish
```

### Test with real world project

Can use `example` application

- Change directory

```console
cd examle
```

By first usage change import name of package to custom in file [example/src/App.js](example/src/App.js)

- Install your package:

```console
npm insttall [package-name]
```

- Or if not first test, change version of `package-name` in dependencies block of [example/package.json](example/package.json) and run:

```console
npm install
```

- Run example:

```console
npm run start
```

It's all. The rest you will figure out for yourself.
npm package: @kolserdav/swiper
Description: Simple and powerfull react swiper component
Author: kolserdav
Latest version: 4.4.4

# swiper

> Simple and powerfull dynamic react swiper component

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

## Install

```bash
npm install --save @kolserdav/swiper
```

## Usage

```tsx
import React, { useState, useEffect } from 'react';
import { Swiper, GetSwipeHandler, Swipe } from '@kolserdav/swiper';
import '@kolserdav/swiper/dist/styles.css';

const COUNT = 4;

const getNext: GetSwipeHandler = async (old) => {
  let id = old + 1;
  id = id <= COUNT ? id : 0;
  return {
    id,
    children: <h1>Test {id}</h1>,
  };
};

const getPrevios: GetSwipeHandler = async (old) => {
  let id = old - 1;
  id = id >= 0 ? id : COUNT;
  return {
    id,
    children: <h1>Test {id}</h1>,
  };
};

const App = (): React.ReactElement => {
  const [current, setCurrent] = useState<Swipe>();
  useEffect(() => {
    if (!current) {
      (async () => {
        setCurrent(await getNext(0));
      })();
    }
  }, []);

  return (
    <div>
      {current && (
        <Swiper
          defaultCurrent={current}
          getNext={getNext}
          getPrev={getPrevios}
          invitationAnimation={true}
          durationAnimation={1000}
        />
      )}
    </div>
  );
};

export default App;
```

## Properties

```tsx
interface SwiperProps {
  /**
   * Current card content
   */
  defaultCurrent: Swipe;

  /**
   * Get next card handler
   */
  getNext: GetSwipeHandler;

  /**
   * Get previous card handler
   */
  getPrev: GetSwipeHandler;

  /**
   * Class name for content block
   */
  className?: string;

  /**
   * invitation animation
   */
  invitationAnimation?: boolean;

  /**
   * On swipe callback
   */
  onSwipe?: (currentId: number) => void;

  /**
   * Auto slide if provieded
   */
  durationAnimation?: number;

  /**
   * Blocked swipe event
   */
  blockSwipe?: boolean;

  /**
   * Show dots
   */
  dots?: {
    inactive: boolean;
    list: number[];
    active: number;
  };

  /**
   * Makes dark colors as light
   */
  darkTheme?: boolean;

  /**
   * Component height
   */
  height?: number;
}
```

## License

MIT © [kolserdav](https://github.com/kolserdav)
npm package: @kolserdav/test-lib
Description: Simple template project for create ReactJS component as npm library
Author: Sergey Kolmiller
Latest version: 1.0.2

# React component library template

Simple template project for create ReactJS component as npm library

## Usage

### Install and setup

- Clone source in to custom `package name` directory:

```console
git clone https://github.com/kolserdav/react-lib.git [package-name]
```

- Change dir to package-name:

```console
cd package-name
```

- Change git remote origin:
- - Remove old:

```console
git remote remove origin
```

- - Add new:

```console
git remote add origin https://github.com/user/package-name.git
```

- Install dependencies:

```console
npm install
```

- Set up package name and version on package.json

```json
{
  "name": "package-name",
  "version": "0.0.1"
}
```

- [OPTIONAL] Install recomended extension on [.vscode/extensions.json](.vscode/extensions.json)

### Run on development

**Files of your future component library placed on `src/package` directory**  
Run with live reload after change files:

```console
npm run dev
```

### Build before publish

**Output path for compiled files is `src/dist`**
Compile with clean extra files:

```console
npm run build
```

### Publish to npmjs.com

_Before each publication, you need to do `git push` with the new version in `package.json`_  
First publication:

```console
npm publish --access=public
```

Other publication:

```console
npm publish
```

### Test with real world project

Can use `example` application

- Change directory

```console
cd examle
```

By first usage change import name of package to custom in file [example/src/App.js](example/src/App.js)

- Install your package:

```console
npm insttall [package-name]
```

- Or if not first test, change version of `package-name` in dependencies block of [example/package.json](example/package.json) and run:

```console
npm install
```

- Run example:

```console
npm run start
```

It's all. The rest you will figure out for yourself.
npm package: @kolserdav/unitpay-api
Description: UnitPay API wrapper for Node.js
Author: Novokshchenov Roman
Latest version: 3.0.5

[UnitPay](https://help.unitpay.ru/) API wrapper for Node.js

Documentation https://help.unitpay.ru and https://help.unitpay.money

## Installation

```sh
$ npm install unitpay-api
```

## Usage

### Initialization

```typescript
import UnitPay from "unitpay-api";

const payment = new UnitPay({
  secretKey: "secretKey",
  // Default domain unitpay.money
  // unitpay.money or unitpay.ru
  domain: "unitpay.money", // optional
});
```

### Creating a form for payment

```typescript
const publicKey = "123741-712ff";
const params = {
  account: "reding",
  desc: "Buying an iPhone 10",
  sum: 49000,
  locale: "ru", // optional
  backUrl: "https://unitpay.money", // optional
  currency: "RUB", // optional
};

const form = payment.form(publicKey, params);

console.log(form); // returns link
```

### Using API (https://help.unitpay.ru/)

#### Create invoice

```typescript
// Create invoice
const invoice = await payment.initPayment({
  paymentType: "card",
  account: "reding",
  sum: 1,
  projectId: 12341,
  desc: "desciprtion",
});

console.log(invoice);
```

#### Create payout (only for an individual)

```typescript
// Secret key must be from profile
// Only domain unitpay.money
const payOut = await payment.massPayment({
  sum: 1,
  login: "r@reding.ru",
  purse: "79623044557",
  paymentType: "mc",
  transactionId: "randomString",
  comment: "description", // optional
});

console.log(payOut);
```

#### Getting Payment Informations

```typescript
// Getting Payment Informations
const getPayment = await payment.getPayment({ paymentId: "1237304731" });

console.log(getPayment);
```
npm package: @koltong/toaster
Description: Transforms CSS styles to JSON styles
Author: Kolton Gagnon
Latest version: 0.0.4

# Toaster

> Transforms CSS styles to JSON styles

Toaster aims to simplify the transformation of CSS styles (what we call **_bread_**) to JSON styles (what we call **_toast_**).

## Supported Styles

Bread Types [Input Styles]  | Toast Types [Output Styles]
------------ | -------------
CSS | JSON

## CLI Usage

### With NPX

```sh
> npx @koltong/toaster <bread> <toast>
```

### With Global Install

Verify if you have [node](http://nodejs.org/) and [npm](https://www.npmjs.org/) installed.

Install package globally.

```sh
> npm install -g @koltong/toaster
```

Command line argument.

```sh
> toaster <bread> <toast>
```

#### Command Line Arguments

Param  | Description
------------ | -------------
bread | File path of the .css file. Ex: `./test.css`
toast | File path for the outputted .json file. Ex: `./test.json`
npm package: @koltvictor/env-doctor
Description: Diagnose environment variable issues in any Node.js project — finds missing, undocumented, and unused vars
Author: Kolt Adams
Latest version: 1.0.0

# env-doctor

Diagnose environment variable issues in any Node.js project.

Scans your source code for `process.env` usage and compares it against your `.env.example` — surfacing missing documentation, undocumented variables, and unused entries.

```
✓ Documented and in use (20)
✗ Used in code but missing from .env.example (2)
⚠ In .env.example but not found in code (8)
```

---

## Install

```bash
npm install -g env-doctor
```

Or run without installing:

```bash
npx env-doctor
```

---

## Usage

Run in any Node.js project directory:

```bash
env-doctor
```

Or point it at a specific directory:

```bash
env-doctor ./backend
```

---

## What it checks

| Status   | Meaning                                                    |
| -------- | ---------------------------------------------------------- |
| ✓ Green  | Variable is documented in `.env.example` and used in code  |
| ✗ Red    | Variable is used in code but missing from `.env.example`   |
| ⚠ Yellow | Variable is in `.env.example` but not found in source code |

Red items are the most critical — they mean a new developer cloning your repo won't know they need that variable.

---

## Supported file types

Scans `.js`, `.ts`, `.jsx`, `.tsx`, `.mjs`, and `.cjs` files.

Ignores `node_modules`, `.git`, `dist`, `build`, `coverage`, `.next`, and `.nuxt`.

---

## Exit codes

| Code | Meaning                  |
| ---- | ------------------------ |
| `0`  | No issues found          |
| `1`  | One or more issues found |

Exit code `1` on issues makes it suitable for use in CI pipelines.

---

## CI Usage

```yaml
- name: Check environment variables
  run: npx env-doctor ./backend
```

---

## Limitations

- Only detects `process.env.VARIABLE_NAME` syntax — variables accessed via a config object (e.g. `config.dbPassword`) won't be caught
- Does not validate variable values, only presence in `.env.example`

---

## License

MIT — Kolt Adams, 2026