open-index/open-npm huggingface dataset:
npm package: @martidev/react-modal-ts
Description: <h1>How to use react-modal-ts:</h1>
Author: laurent-martinez
Latest version: 0.18.0

<h1>How to use react-modal-ts:</h1>

<p>-1- npm i @martidev/react-modal-ts</p>
-2- import it where you want to display it

```javascript
import { MyModal } from '@martidev/react-modal-ts';
```

-3- create open variable

```typescript
const [open, setOpen] = useState<boolean>(false);
```

-4- create hideModal function

```javascript
        hideModal={async() => setOpen(false)}
```

<h2>Then you can custom it:</h2>
-1- you can custom the img by passing directly the address of the picture or importing one

```javascript
img = 'https://myPictureAddress';
```

-2- you can custom as well the closing modal button, there is a default css style but by adding another class you can customize it.

```jsx
closeBtnStyle = 'coloris';
```

and in a css file add your personal custom style

```css
.coloris {
  background-color: #1f2243;
  color: white;
}
```

-3- you can also add a lot of content via the children props :

```jsx
        <button type="button" onClick={() => setOpen(false)}>
          ok
        </button>
        <p>
          Lorem, ipsum dolor sit amet consectetur adipisicing elit. Doloribus
          omnis blanditiis veniam veritatis ullam officiis accusantium deserunt
          in repellat autem excepturi quidem temporibus magnam reiciendis est
          accusamus, adipisci provident quasi.
        </p>
```

-4- you can style the content you add into your modal:

```css
.content {
  text-align: center;
  padding: 15px;
}
```

add your style via the css as you did with the closeBtnSyle.
npm package: @martijn_everaert/command-line-temperature-lcd
Description: A library to print temperatures on the command line like a lcd
Author: Martijn Everaert
Latest version: 1.0.2

# LCD-Display
The Display class contains functions to print temperatures into the console. It is possibul to print them in a normal or large font or to put a frame around.

<p align="centre">
    <a href="#badge">
        <img src="https://img.shields.io/badge/npm-1.0.2-red" /> </a>
</p>

![ESLint](../../workflows/ESLint/badge.svg?branch=master)
![Markdown Linter](../../workflows/Markdown%20Linter/badge.svg?branch=master)

## Installation
```sh
npm install "@martijn_everaert/command-line-temperature-lcd"
```

## Usage example
```ts
const LCD = new Display();
//to print -1.56 °c in normal font without frame
LCD.printDisplay(-1.56,false,false);
//to print 8.56 °c in normal font with frame
LCD.printDisplay(8.56,true,false);
//to print 20 °c in big font without frame
LCD.printDisplay(20.0,false,true);
```

## Functions
- emptyLines(string[]): removes every character from the array and retuns it.

- makeStringWithUnit(number): puts the number in a string plus a unit then returns it.

- addNumbersToArray(string,boolean): makes an array with the given numbers of the string into ascci art and returns the array.

- addFrameToArray(string[], boolean): adds a frame to a given array and returns the new array.

- printToConsole(string[]): prints the array beneath eachother.

- printDisplay(number, boolean, boolean): uses the before mentioned functions to print out a number to LCD style screen as a temperature.


## Development setup
Describe how to install all development dependencies and how to run an automated test-suite of some kind. Potentially do this for multiple platforms.

```sh
make install
npm test
```

## Meta
Martijn Everaert – martijn.everaert@gmail.com

Distributed under the MIT license. 

[https://github.com/yourname/github-link](https://github.com/MartijnEveraert/)
npm package: @martijn_everaert/home-automation
Description: This package contains two types of thersmostats for home automatisation
Author: Martijn Everaert
Latest version: 1.0.0

# Home-automatisation
> This package contains two types of thermostats and a unit changer for temperatures.

The class thermostat contains five getters which each give you information on the state of the termostate. The class also contains a function which calculates some of these states.

The class JSONthermostat is an expantion on the before mentioned class, where now the data is given by a json string. The data can now also be given in a variety of units. The class contains two functions, one to initialize the settings and another to update the current temperature.

The class TempUnitChanger changes the values according to the given units.



## Installation

OS X & Linux:

```sh
npm install my-crazy-module --save
```

Windows:

```sh
edit autoexec.bat
```

## Usage example

A few motivating and useful examples of how your product can be used. Spice this up with code blocks and potentially more screenshots.

_For more examples and usage, please refer to the [Wiki][wiki]._

## Development setup

Describe how to install all development dependencies and how to run an automated test-suite of some kind. Potentially do this for multiple platforms.

```sh
make install
npm test
```

## Release History

* 0.2.1
    * CHANGE: Update docs (module code remains unchanged)
* 0.2.0
    * CHANGE: Remove `setDefaultXYZ()`
    * ADD: Add `init()`
* 0.1.1
    * FIX: Crash when calling `baz()` (Thanks @GenerousContributorName!)
* 0.1.0
    * The first proper release
    * CHANGE: Rename `foo()` to `bar()`
* 0.0.1
    * Work in progress

## Meta

Your Name – [@YourTwitter](https://twitter.com/dbader_org) – YourEmail@example.com

Distributed under the XYZ license. See ``LICENSE`` for more information.

[https://github.com/yourname/github-link](https://github.com/dbader/)

## Contributing

1. Fork it (<https://github.com/yourname/yourproject/fork>)
2. Create your feature branch (`git checkout -b feature/fooBar`)
3. Commit your changes (`git commit -am 'Add some fooBar'`)
4. Push to the branch (`git push origin feature/fooBar`)
5. Create a new Pull Request

<!-- Markdown link & img dfn's -->
[npm-image]: https://img.shields.io/npm/v/datadog-metrics.svg?style=flat-square
[npm-url]: https://npmjs.org/package/datadog-metrics
[npm-downloads]: https://img.shields.io/npm/dm/datadog-metrics.svg?style=flat-square
[travis-image]: https://img.shields.io/travis/dbader/node-datadog-metrics/master.svg?style=flat-square
[travis-url]: https://travis-ci.org/dbader/node-datadog-metrics
[wiki]: https://github.com/yourname/yourproject/wiki
npm package: @martijnhols/actions-cache
Description: Actions cache lib
Latest version: 3.0.5

# `@actions/cache`

> Functions necessary for caching dependencies and build outputs to improve workflow execution time.

See ["Caching dependencies to speed up workflows"](https://docs.github.com/en/actions/using-workflows/caching-dependencies-to-speed-up-workflows) for how caching works.

Note that GitHub will remove any cache entries that have not been accessed in over 7 days. There is no limit on the number of caches you can store, but the total size of all caches in a repository is limited to 10 GB. If you exceed this limit, GitHub will save your cache but will begin evicting caches until the total size is less than 10 GB.

## Usage

This package is used by the v2+ versions of our first party cache action. You can find an example implementation in the cache repo [here](https://github.com/actions/cache).

#### Save Cache

Saves a cache containing the files in `paths` using the `key` provided. The files would be compressed using zstandard compression algorithm if zstd is installed, otherwise gzip is used. Function returns the cache id if the cache was saved succesfully and throws an error if cache upload fails.

```js
const cache = require('@actions/cache');
const paths = [
    'node_modules',
    'packages/*/node_modules/'
]
const key = 'npm-foobar-d5ea0750'
const cacheId = await cache.saveCache(paths, key)
```

#### Restore Cache

Restores a cache based on `key` and `restoreKeys` to the `paths` provided. Function returns the cache key for cache hit and returns undefined if cache not found.

```js
const cache = require('@actions/cache');
const paths = [
    'node_modules',
    'packages/*/node_modules/'
]
const key = 'npm-foobar-d5ea0750'
const restoreKeys = [
    'npm-foobar-',
    'npm-'
]
const cacheKey = await cache.restoreCache(paths, key, restoreKeys)
```

##### Cache segment restore timeout

A cache gets downloaded in multiple segments of fixed sizes (`1GB` for a `32-bit` runner and `2GB` for a `64-bit` runner). Sometimes, a segment download gets stuck which causes the workflow job to be stuck forever and fail. Version `v3.0.4` of cache package introduces a segment download timeout. The segment download timeout will allow the segment download to get aborted and hence allow the job to proceed with a cache miss.

Default value of this timeout is 60 minutes and can be customized by specifying an [environment variable](https://docs.github.com/en/actions/learn-github-actions/environment-variables) named `SEGMENT_DOWNLOAD_TIMEOUT_MINS` with timeout value in minutes.
npm package: @martijnhols/eslint-config
Description: This package includes my shareable ESLint configuration.
Latest version: 6.0.0

# @martijnhols/eslint-config

This package includes my shareable ESLint configuration.

## Usage

To use this configuration first install this package:

```sh
yarn add -D @martijnhols/eslint-config
```

Then add this to your `package.json`:

```json
    "eslintConfig": {
        "extends": "@martijnhols/eslint-config"
    },
```

The `eslintConfig` property is used by create-react-app, IDE extensions and seems to be [standard](https://eslint.org/docs/user-guide/configuring).

## Customization

Customization is not recommended. Please consider making a pull request to this
package instead.

To apply custom rules remove the eslint configuration from your `package.json`, then create a file named `.eslintrc.json` with following contents in the root folder of your project:

```json
{
  "extends": "@martijnhols/eslint-config"
}
```

That's it! You can override the settings by editing the `.eslintrc.json` file. Learn more about [configuring ESLint](http://eslint.org/docs/user-guide/configuring) on the ESLint website.

## Options

These options can be enabled/disabled using env variables.

`CODE_STYLE` Enable or disable code style rules in eslint. These rules are
automatically fixable, so this can be run in a precommit hook with `--fix`.