open-index/open-npm huggingface dataset:
npm package: @itershukov/react-timeline-editor
Description: [![npm version](https://img.shields.io/npm/v/@itershukov/react-timeline-editor.svg?style=flat-square)](https://www.npmjs.com/package/@itershukov/react-timeline-editor) [![npm downloads](https://img.shields.io/npm/dm/@itershukov/react-timeline-editor.svg?s
Author: itershukov
Latest version: 2.1.2

# React Timeline Editor
[![npm version](https://img.shields.io/npm/v/@itershukov/react-timeline-editor.svg?style=flat-square)](https://www.npmjs.com/package/@itershukov/react-timeline-editor)
[![npm downloads](https://img.shields.io/npm/dm/@itershukov/react-timeline-editor.svg?style=flat-square)](https://www.npmjs.com/package/@itershukov/react-timeline-editor)

**[React Timeline Editor](https://zdarcy.com/)** is a react component used to quickly build a timeline animation editor.

![example](https://github.com/itershukov/react-timeline-editor/blob/f79d85eee8a723e5210c04232daf2c51888418c0/public/assets/timeline.gif)
## Getting Started

```bash
npm install @itershukov/react-timeline-editor
```

```ts
import { Timeline, TimelineEffect, TimelineRow } from '@itershukov/react-timeline-editor';
import React from 'react';

const mockData: TimelineRow[] = [{
    id: "0",
    actions: [
      {
        id: "action00",
        start: 0,
        end: 2,
        effectId: "effect0",
      },
    ],
  },
  {
    id: "1",
    actions: [
      {
        id: "action10",
        start: 1.5,
        end: 5,
        effectId: "effect1",
      }
    ],
}]

const mockEffect: Record<string, TimelineEffect> = {
  effect0: {
    id: "effect0",
    name: "效果0",
  },
  effect1: {
    id: "effect1",
    name: "效果1",
  },
};

const TimelineEditor = () => {
  return (
      <Timeline
        editorData={mockData}
        effects={mockEffect}
      />
  );
};
```

## Documention
Checkout the [Docs](https://zdarcy.com/) for a demonstration of some basic and advanced features.
npm package: @itexpert-dev/keyvalue-cli
Description: KeyValueStore service tools
Author: ITExpert
Latest version: 0.2.0

# KeyValueStore Migration Tool

## Getting started

1. Install via npm

```
$ npm install --global @itexpert-dev/keyvalue-cli
```

2. Run `kvs --help` in terminal for help
3. To use most of the commands you need config-file. `./kvs.json` is used by default. 
   You can change the path with `--config` option. 
   For the list of available options see Config section below.


## Features

> See `kvs --help` for the list of available commands.
> See `kvs <command> --help` for additional information about the command.

* run - Runs migration scripts in specified directory
* test - Checks if specified service can execute without errors. If JSON Schema provided with the script, test also checks if produced result match the schema.
* sample - Prints random value from given set.
* show - Prints all keys in given set or key-value if full key is specified
* history-down - Removes all set migration history after specified version (exclusive).
* history-show - Shows migration history of a given set.

## Config

Available options:
* host (_required_) - KeyValueStore service address
* auth (_required_) - KeyValueStore authentication method
    * schema - HTTP authentication schema (e.g. `Bearer` or `Basic`)
    * value - HTTP authentication value (e.g. token or basic credentials)

```json
{
    "host": "http://localhost:6480",
    "auth": {
        "schema": "Bearer",
        "value": "token"
    }
}
```

## Samples

### Basic script

```js
// Script is executed in Node environment,
// so no `export` syntax, use `module.exports` instead.
module.exports.view = {
    // Migrated set name
    set: 'view',

    // Script version
    version: '0.1.0',

    // Function to transform one key-value from specified set.
    // If same key-value, null or undefined returned, key-value stays in the store stays the same.
    // If if `{key, value: null}` is returned, key-value is removed from the store.
    map({key, value}) {
        return {key, value};
    }
};
```

### JSON Schema for validation

```js
const stringField = {type: 'string'};
module.exports.view = {
    set: 'view',
    version: '0.1.0',
    map({key, value}) {
        value = {'a': 123};
        return {key, value};
    },
    schema: {
        type: 'object',
        required: ['data'],
        properties: {
            data: {
                type: 'object',
                properties: {
                    id: stringField,
                    name: stringField,
                    isShared: {type: 'boolean'},
                    fields: {
                        type: 'array',
                        item: stringField
                    }
                }
            }
        },
        additionalProperties: true
    }
};
```
npm package: @itexperts/barcode-scanner
Description: A simple JS to listen for barcode scans
Author: Christian Vermeulen
Latest version: 1.0.1

# Barcode scanner

![](https://img.shields.io/badge/npm-1.0.0-green)

A simple `EventTarget` for JavaScript to listen to barcode scans done with a keyboard barcode scanner.

When working with plug-and-play USB barcode scanners, it can be a pain to know when a barcode has been scanned. Usually these scanners will be set up as keyboard and "very quickly type" the barcode. We leverage this to detect whether a barcode was scanned. Normally a barcode scanner will type a character within 10ms. Therefore an EAN-13 barcode will need at most 130ms to complete. As a human you'd be fast if you typed a single character every 130ms (unless you are the flash).

---

## Installation
Using Yarn
```
yarn add @itexperts/barcode-scanner
```

Using NPM
```
npm i @itexperts/barcode-scanner
```

## Usage

```js
import {BarcodeScanner} from "@itexperts/barcode-scanner";

let options = {
  timeOut: 130,
  characterCount: 13
}

let barcodeScanner = new BarcodeScanner(options);
barcodeScanner.addEventListener('scan', function(e){
    let barcode = e.detail;
    console.log(barcode);
});

```

## Options
|name|default value|description|
|--|--|--|
|timeOut|130|ms within which the characters must be typed|
|characterCount|13|Amount of characters (13 for EAN-13|