open-index/open-npm huggingface dataset:
npm package: @kossakowska.karolina/randomid-generator
Description: Returns random id with customized length.
Latest version: 1.0.1


# randomid-generator

Returns random id with customized length.


## Usage

```javascript
const randomID = require('@kossakowska.karolina/randomid-generator');

console.log(randomID(10)); //5ZRMEt3mLT
console.log(randomID(10)); //WCHGkAHbHk
console.log(randomID(20)); //g1oxmGksa0ITARtYuH39
```
npm package: @kossnocorp/desvg
Description: Converts SVG files into components
Author: Sasha Koss
Latest version: 0.2.0

# desvg

**desvg** converts SVG files into React/Preact components.
It inlines SVG source so that you can alter it (animate, set color,
control size, etc.).

![](https://d3vv6lp55qjaqc.cloudfront.net/items/3K0o2q351y0i0N3R3Q1Y/desvg.png)

## Installation

If you want to use desvg with **webpack**, install [desvg-loader] and [svg-loader]:

```bash
npm install desvg-loader svg-loader --save-dev
# or
yarn add --dev desvg-loader svg-loader
```

To use the low-level API, or to manage the core library version, install `desvg`:

```bash
npm install @kossnocorp/desvg --save
# or
yarn add @kossnocorp/desvg
```

## Configuration

```js
// ...
{
  test: /\.svg$/,
  use: [
    'desvg/react', // 👈 Add loader (use 'desvg/preact' for Preact)
    'svg' // 👈 svg-loader must precede desvg-loader
  ],

  // or if you prefer classic:

  loader: 'desvg/react!svg'
},
// ...
```

## Usage

See [low-level API docs](https://github.com/kossnocorp/desvg/blob/master/index.js) for more implementation details.

### React

```javascript
import React from 'react'
import WarningIcon from './icon.svg'

export default function () {
  return (
    <div>
      <WarningIcon fill='yellow' width='32px' />
      Warning, this is a warning!
    </div>
  )
}
```

### Preact

```javascript
import { h } from 'preact'
import WarningIcon from './icon.svg'

export default function () {
  return (
    <div>
      <WarningIcon fill='yellow' width='32px' />
      Warning, this is a warning!
    </div>
  )
}
```

## Related

- [decss]: the source of inspiration.
- [defile]: converts anything to components.
- [desvg-loader]: desvg webpack loader source code.
- [svg-loader]: SVG loader.

## License

[MIT © Sasha Koss](https://kossnocorp.mit-license.org/)

[desvg-loader]: https://github.com/kossnocorp/desvg-loader
[svg-loader]: https://github.com/dolbyzerr/svg-loader
[decss]: https://github.com/kossnocorp/decss
[defile]: https://github.com/kossnocorp/defile
npm package: @kostex2/randomid-generator
Description: A simple JavaScript library for generating random IDs.
Latest version: 1.0.1

# Random ID Generator

A simple JavaScript library for generating random IDs.

## Installation

Using npm:

```bash
npm install @kostex2/randomid-generator

Using yarn:

yarn add @kostex2/randomid-generator

Usage:

import randomId from "@kostex2/randomid-generator";

const id = randomId();
console.log(id);
npm package: @kostkams/dom-to-svg
Description: Take SVG screenshots of DOM elements
Author: Felix Becker
Latest version: 0.1.12

# DOM to SVG

[![npm](https://img.shields.io/npm/v/dom-to-svg)](https://www.npmjs.com/package/dom-to-svg)
[![CI status](https://github.com/felixfbecker/dom-to-svg/workflows/test/badge.svg?branch=main)](https://github.com/felixfbecker/dom-to-svg/actions)
![license: MIT](https://img.shields.io/npm/l/dom-to-svg)
[![semantic-release](https://img.shields.io/badge/%20%20%F0%9F%93%A6%F0%9F%9A%80-semantic--release-e10079.svg)](https://github.com/semantic-release/semantic-release)

Library to convert a given HTML DOM node into an accessible SVG "screenshot".

## Demo 📸

Try out the [SVG Screenshots Chrome extension](https://chrome.google.com/webstore/detail/svg-screenshot/nfakpcpmhhilkdpphcjgnokknpbpdllg) which uses this library to allow you to take SVG screenshots of any webpage.
You can find the source code at [github.com/felixfbecker/svg-screenshots](https://github.com/felixfbecker/svg-screenshots).

## Usage

```js
import { documentToSVG, elementToSVG, inlineResources, formatXML } from 'dom-to-svg'

// Capture the whole document
const svgDocument = documentToSVG(document)

// Capture specific element
const svgDocument = elementToSVG(document.querySelector('#my-element'))

// Inline external resources (fonts, images, etc) as data: URIs
await inlineResources(svgDocument.documentElement)

// Get SVG string
const svgString = new XMLSerializer().serializeToString(svgDocument)
```

The output can be used as-is as valid SVG or easily passed to other packages to pretty-print or compress.

## Features

- Does NOT rely on `<foreignObject>` - SVGs will work in design tools like Illustrator, Figma etc.
- Maintains DOM accessibility tree by annotating SVG with correct ARIA attributes.
- Maintains interactive links.
- Maintains text to allow copying to clipboard.
- Can inline external resources like images, fonts, etc to make SVG self-contained.
- Maintains CSS stacking order of elements.
- Outputs debug attributes on SVG to trace elements back to their DOM nodes.

## Caveats

- Designed to run in the browser. Using JSDOM on the server will likely not work, but it can easily run inside Puppeteer.
npm package: @kostkams/nightmaredownloadmanager
Description: Add download management to NightmareJS
Author: Ross Hinkley
Latest version: 0.2.6

nightmare-download-manager
======================

Add download management to your [Nightmare](http://github.com/segmentio/nightmare) scripts.

# Important Note
If you want to have downloads be managed serially, check out the [Nightmare inline download plugin](https://github.com/rosshinkley/nightmare-inline-download).

## Usage
Require the library and pass the Nightmare library as a reference to attach the plugin actions:

```js
var Nightmare = require('Nightmare');
require('nightmare-download-manager')(Nightmare);
```
... and then enable the download manager with `.downloadManager()`.  It should be the first call in your Nightmare chain.

### .downloadManager()
Sets up the download management event handling.

### .waitDownloadsComplete()
Waits until all files currently downloading are in a state of `'completed'`, `'interrupted'`, or `'cancelled'`.

### .on('download', function(state, downloadItem) 
This event is triggered when Electron emits `'will-download'`.  This event is also emitted after downloads are started when [`DownloadItem`](https://github.com/atom/electron/blob/master/docs/api/download-item.md) emits `'updated'` or `'done'`.   The possible values for `state` are `'started'`, `'cancelled'`, `'interrupted'`, or `'completed'`.  Note that by listening to `'download'`, Nightmare expects the default download behavior to be overridden. 

### .emit('download', [path|action,] downloadItem)
Allows for downloads to be saved to a custom location, cancelled, or any other custom behavior.  The possible values for `action` are `'cancel'`, `'continue'` for default behavior, or a file path (file name and extension inclusive) to save the download to an alternative location. The `downloadItem` parameter should use the `downloadItem` passed by `'download'`.

## Additional Nightmare Options

### ignoreDownloads
Defines whether or not all downloads should be ignored.  By default, all downloads are accepted.

### downloadTimeout
This will throw an exception if the `.waitDownloadsComplete()` didn't finish within the set timeframe.  By default, this is not set, meaning there is no timeout. In milliseconds.

### downloadResponseWait
Defines the length of time to wait for a download response in milliseconds.  Defaults to 3s.

### paths.downloads
Sets the Electron path for where downloads are saved.

## Example

```javascript
var Nightmare = require('nightmare');
require('nightmare-download-manager')(Nightmare);
var nightmare = Nightmare();
nightmare.on('download', function(state, downloadItem){
  if(state == 'started'){
    nightmare.emit('download', '/some/path/file.zip', downloadItem);
  }
});

nightmare
  .downloadManager()
  .goto('https://github.com/segmentio/nightmare')
  .click('a[href="/segmentio/nightmare/archive/master.zip"]')
  .waitDownloadsComplete()
  .then(() => {
    console.log('done');
  })
```
npm package: @kostkams/nightmareupload
Description: upload files using NightmareJS
Author: Ross Hinkley
Latest version: 0.1.3

# nightmare-upload
Grants the ability to add files to file inputs for Nightmare 2.x, just like the good ol' days of Nightmare 1.x.

## Usage
Require the library, passing Nightmare as a reference to add the plugin actions:

```js
var Nightmare = require('nightmare');
require('nightmare-upload')(Nightmare);
```
### .upload(selector, files)
Specify the `files` to add to a `selector` file input.  The `files` parameter can be a single string (for a single file) or an array of strings (for multiple files).

## Important note about setting file upload inputs
This plugin will not work if the Chromium devtools panel is open as Chromium allows only one attachment to the debugger at a time.

## Example

```js
var Nightmare = require('nightmare');
require('nightmare-upload')(Nightmare);
var nightmare = Nightmare();
nightmare
 .goto('http://some-url.tld')
 .upload('#some_file_input', '/path/to/my/upload.ext')
 .click('#button_that_submits_form_for_upload')
 ...
```

## References/Credits

  * @Zn4rk for [bringing this method to my attention](https://github.com/segmentio/nightmare/issues/235#issuecomment-214226205)
  * @svbatalov for the [original implementation](https://github.com/electron/electron/issues/749#issuecomment-213822739)
npm package: @kostyu444enko/custom_lib
Description: Test button react component with svg icon
Latest version: 1.2.0

# custom_lib

> Made with create-react-library

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

## Install

```bash
npm install --save custom_lib
```

## Usage

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

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

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

## License

MIT © [](https://github.com/)
npm package: @kosu/contract-helpers
Description: JavaScript module for connecting with Kosu.
Latest version: 0.3.0

# Kosu.js

A TypeScript/JavaScript library for interacting with the Kosu contract system and order relay network.

**View [the documentation here.](https://github.com/ParadigmFoundation/kosu-monorepo/blob/master/packages/kosu.js/docs/)**

## Installation

Kosu.js can be installed into your project through `yarn` or `npm`, and can be passed through `webpack` or `browserify` for usage in the browser.

### Install

**Yarn:**

```
yarn add @kosu/kosu.js
```

**NPM:**

```
npm install --save @kosu/kosu.js
```

### Import

Kosu and its exported classes can be imported directly into TypeScript or JavaScript projects.

**TypeScript (and ES6+):**

```typescript
// top-level Kosu class
import { Kosu } from "@kosu/kosu.js";

// directly access exported classes/utilities
import {
    // contract wrapper classes
    KosuToken,
    OrderGateway,
    PosterRegistry,
    Treasury,
    ValidatorRegistry,
    Voting,

    // utils/classes and constants
    OrderSerializer,
    OrderHelper,
    Signature,
    toBytes32
    NULL_ADDRESS,
} from "@kosu/kosu.js";
```

**JavaScript (CommonJS):**

```javascript
const { Kosu } = require("@kosu/kosu.js");

const {
    KosuToken,
    OrderGateway,
    PosterRegistry,
    Treasury,
    ValidatorRegistry,
    Voting,

    OrderSerializer,
    OrderHelper,
    Signature,
    toBytes32
    NULL_ADDRESS,
} = require("@kosu/kosu.js");
```

## Development

```
@todo: add contribution guidelines summary and link
```

### Linting

The TypeScript source can be linted with:

```
yarn lint
```

### Building

Build the TypeScript source to distributable JavaScript (CommonJS) as well as source mappings and typing files with:

```
yarn build
```

## License

Open-source software, [MIT licensed.](https://github.com/ParadigmFoundation/kosu-monorepo/blob/master/LICENSE)

Copyright (c) 2019 Paradigm Labs, corp.