open-index/open-npm huggingface dataset:
npm package: @jforge/ts-cleaner
Description: A tool for cleaning up JavaScript files compiled from TypeScript
Author: jforge
Latest version: 1.1.0

# ts-clean

[![npm](https://img.shields.io/npm/v/ts-clean.svg)](https://www.npmjs.com/package/ts-clean)
[![npm](https://img.shields.io/npm/l/ts-clean.svg)](https://www.npmjs.com/package/ts-clean)

## Overview

> A tool for cleaning up JavaScript files compiled from TypeScript

## Install

```sh
npm install ts-clean --save-dev
```

or

```sh
yarn add ts-clean --dev
```

## Usage

> package.json

```json
{
  ...
  "script": {
    ...
    "clean": "ts-clean"
  }
  ...
}
```

## Options

| Option  | Description                                                 | default                   |
| ------- | ----------------------------------------------------------- | ------------------------- |
| d       | the dir path you need to clean                              | pwd                       |
| e       | the file extension you need to clean                        | .js,.js.map,.jsx,.jsx.map |

## Example

- clean all .js, .js.map files built by TypeScript in the current directory

```sh
ts-clean
```

- clean all js files built by TypeScript in the app1 and app2 directory

```sh
ts-clean -d app1, app2
```

- clean all js files built by TypeScript in the app directory

```sh
ts-clean -d app -e .js
```

## Help

If you installed ts-clean in the global installation environment, you can use `ts-clean --help` for help.

## LICENSE

MIT@[jforge](https://github.com/jforge)
npm package: @jfraissenet/react-colors-picker
Description: > You are a web developer and want, for example, to sell products with various colors. This components allows to modify your carousel pictures or to dynamically change any properties by simply clicking on the corresponding item. You just need to code your
Author: jfraissenet
Latest version: 1.0.1

# React Colors Picker Guide

## Summary

> You are a web developer and want, for example, to sell products with various colors. This components allows to modify your carousel pictures or to dynamically change any properties by simply clicking on the corresponding item. You just need to code your callback function.

> Displays color circles

> Allows callback onClick

> Tunable component

![alt text](https://github.com/jFraissenet/react-colors-picker/blob/main/react-colors-picker/assets/Resume.PNG?raw=true)

## Installation

How to intall it ?

```bash
npm install --save @jfraissenet/react-colors-picker
```

How to use it ?

```bash
import {ColorsPicker} from '@jfraissenet/react-colors-picker';

const pl=[{label:"color1", value:"#123456"},
          {label:"color2", value:"#eeeeee"},
          {label:"color3", value:"#123456"}, 
          {label:"color4", value:"#eeeeee"}]

function App() {
  return (
    <div>
      <ColorsPicker colors={pl} handle={handleOnClick}/>
    </div>
  );
}

function handleOnClick(colorItem) {
  alert(colorItem.label);
}

export default App;
```

label and value are mandatories.

## Properties

The component is completelly tunable. It's possible to change shape, border, size of the items. You can allow the zoom when hovering over the circle or not

| Properties     | Types      | Default values | Mandatory | Comments|
| ------------- | ------------- |-----------| ----------| ------------|
| colors  | Array | none | Yes | Array of colors objects [{label: "Nom13, value:"#ffffff"}, ...] |
| handle  | Function  | none | Yes | Callback on click. It return the object sent |
| borderRadius  | String  | 20px | No | Change the shape. "0px" --> square. "20px" --> circle |
| border  | String  | 1px solid black | No | Change the design of the item's border |
| width  | String  | 28px | No | Change the item width |
| height  | String  | 28px | No | Change the item height |
| marginRight  | String  | 10px | No | Change the right margin |
| marginBottom  | String  | 4px | No | change the bottom margin |
| transformOnHover  | Boolean  | true | No | When hovering on items, a scale transformation of 1.1 appears |
npm package: @jframework/jfw-design
Description: To install the library, you can use either npm or yarn:
Latest version: 0.1.2

## Installation

To install the library, you can use either npm or yarn:

```sh
npm install @jframework/jfw-design
```

or

```sh
yarn add @jframework/jfw-design
```

## Usage

To use the components from the library, you need to import them into your project.
npm package: @jfrazx/asarray
Description: Ensures returned value is always an Array
Author: jfrazx
Latest version: 1.0.1

# asArray

Ensure that the information you are working with is always an Array.  
Optionally, you may pass a callback that will transform a single value,
or map key value pairs from an object

---

[![devDependencies Status](https://david-dm.org/jfrazx/asarray/dev-status.svg)](https://david-dm.org/jfrazx/asarray?type=dev)
[![Master Build Status](https://img.shields.io/travis/jfrazx/asArray/master.svg?style=plastic)](https://travis-ci.org/jfrazx/asArray)
[![codecov](https://codecov.io/gh/jfrazx/asArray/branch/master/graph/badge.svg?style=plastic)](https://codecov.io/gh/jfrazx/asArray)
[![License](https://img.shields.io/npm/l/asarray.svg?style=plastic)](https://www.npmjs.com/package/@jfrazx/asarray)

## Install

`npm install @jfrazx/asarray`

or

`yarn add @jfrazx/asarray`

## Usage

#### asArray<T, TResult>(data: T | T[], callback?: (value: T) => TResult): Array<T | TResult>

#### asArray<T extends Object, K extends keyof T>(data: T, extractObjectValues?: boolean, callback?: (key: K) => T[K]): Array<T | T[K]>

```typescript
import { asArray } from '@jfrazx/asarray';

const person: Person = { name: 'Bart Simpson', age: 10 };

asArray('this string will be in an array');
// => ['this string will be in an array']

asArray([8, 6, 7, 5, 3, 0, 9]);
// => [8, 6, 7, 5, 3, 0, 9]

asArray(person);
// => [{ name: 'Bart Simpson', age: 10 }];

asArray(person, (object: T) => object.name);
// => ['Bart Simpson'];

asArray(person, true);
// => ['Bart Simpson', 10];

asArray(person, true, (key: K, object: T, index: number, array: K[]) => [k, o[k]]);
// => [['name', 'Bart Simpson'], ['age', 10]];

function things() {
  asArray(arguments);
  // => ['koalas', 'marsupial']
}

things('koalas', 'marsupial');
```