open-index/open-npm huggingface dataset:
npm package: @radsjs/eslint-plugin
Description: Custom ESLint rules by Tyrecheck
Author: Leonid Buneev
Latest version: 1.0.16

# eslint-plugin-tyrecheck

Custom ESLint rules by Tyrecheck

## Installation

You'll first need to install [ESLint](https://eslint.org/):

```sh
npm i eslint --save-dev
```

Next, install `eslint-plugin-tyrecheck`:

```sh
npm install eslint-plugin-tyrecheck --save-dev
```

## Usage

In your [configuration file](https://eslint.org/docs/latest/use/configure/configuration-files#configuration-file), import the plugin `eslint-plugin-tyrecheck` and add `tyrecheck` to the `plugins` key:

```js
import tyrecheck from "eslint-plugin-tyrecheck";

export default [
    {
        plugins: {
            tyrecheck
        }
    }
];
```


Then configure the rules you want to use under the `rules` key.

```js
import tyrecheck from "eslint-plugin-tyrecheck";

export default [
    {
        plugins: {
            tyrecheck
        },
        rules: {
            "tyrecheck/rule-name": "warn"
        }
    }
];
```



## Configurations

<!-- begin auto-generated configs list -->
TODO: Run eslint-doc-generator to generate the configs list (or delete this section if no configs are offered).
<!-- end auto-generated configs list -->



## Rules

<!-- begin auto-generated rules list -->

🔧 Automatically fixable by the [`--fix` CLI option](https://eslint.org/docs/user-guide/command-line-interface#--fix).

| Name                                                 | Description            | 🔧 |
| :--------------------------------------------------- | :--------------------- | :- |
| [safe-translations](docs/rules/safe-translations.md) | An example ESLint rule | 🔧 |

<!-- end auto-generated rules list -->
npm package: @radu.grigorovici/first
Description: Removes all spaces from a string
Latest version: 2.0.0

# @Radu-Grigorovici/first-npm-package

[![GitHub forks](https://img.shields.io/github/forks/Radu-Grigorovici/first-npm-package)](https://github.com/Radu-Grigorovici/first-npm-package/network)
[![GitHub stars](https://img.shields.io/github/stars/Radu-Grigorovici/first-npm-package)](https://github.com/Radu-Grigorovici/first-npm-package/stargazers)
[![GitHub license](https://img.shields.io/github/license/Radu-Grigorovici/first-npm-package)](https://github.com/Radu-Grigorovici/first-npm-package)

First npm package!

Install
\$ npm install @radu.grigorovici/first
Usage
const tiny = require("@radu.grigorovici/first");

tiny("So much space!");
//=> "Somuchspace!"

tiny(1337);
//=> Uncaught TypeError: Tiny wants a string!
// at tiny (<anonymous>:2:41)
// at <anonymous>:1:1
npm package: @raducal/isomer
Description: A simple isometric graphics library for HTML5 canvas
Latest version: 0.1.2

![isomer](https://i.cloudup.com/kQrnH2x5XE-3000x3000.png)

An isometric graphics library for HTML5 canvas.

View the [official project page](http://jdan.github.io/isomer/) or [try it out](http://jdan.github.io/isomer/playground).

## About

[Isomer](http://jdan.github.io/isomer/) is an easy-to-use graphics library for drawing isometric scenes.

```javascript
var Shape = Isomer.Shape;
var Point = Isomer.Point;
var Color = Isomer.Color;
var Textured = Isomer.Textured;
var red = new Color(160, 60, 50);
var blue = new Color(50, 60, 160);

iso.add(Shape.Prism(Point.ORIGIN, 3, 3, 1));
iso.add(Shape.Pyramid(Point(0, 2, 1)), red);
iso.add(Shape.Prism(Point(2, 0, 1)), blue);

const texture = new Image()
textre.src = "https://i.cloudup.com/kQrnH2x5XE-3000x3000.png"

texture.onload = () => {
  iso.add(new Textured(Shape.Prism(point), texture))

  // define an image for each path in the shape
  iso.add(new Textured(Shape.Prism(point), [texture, texture, texture, texture, texture, texture]))
}

const blob = new Blob([...your image])

createImageBitmap(blob).then((bitmap) => {
  iso.add(new Textured(Shape.Prism(point), bitmap))
})
```

![output](https://i.cloudup.com/V_jJ8lRpZV-300x300.png)

## Getting Started

Isomer is available as a package on NPM.

```html
# NPM
npm install @raducal/isomer

# Yarn
yarn add @raducal/isomer
```

After which you'll need to place a canvas in your document that we can later refer to. Be sure to give it a width and height.

```html
<canvas width="800" height="600" id="art"></canvas>
```

**Note (Optional):** To improve the look of your canvas on retina displays, declare the width and height of your canvas element as double how you want it to appear. Then style your canvas with CSS to include the original dimensions.

```css
#art {
  width: 400px;
  height: 300px;
}
```

At this point we can finally instantiate an Isomer object. Pass it a reference to your canvas like so:

```javascript
var iso = new Isomer(document.getElementById("art"));
```

Now you're ready to start drawing!

## With node-canvas

Isomer also accepts the canvas provided by [node-canvas](https://github.com/learnboost/node-canvas),
meaning you can generate isometric graphics on the command line.

```javascript
var Canvas = require('canvas');
var canvas = new Canvas(400, 400);
var Isomer = require('isomer');   // npm install isomer
var fs = require('fs');
var out = fs.createWriteStream('output.png');

var iso = new Isomer(canvas);
iso.add(Isomer.Shape.Prism(Isomer.Point.ORIGIN));

canvas.pngStream().pipe(out);
```

## More Info

For more info, check out the [official project page](http://jdan.github.io/isomer).

[MIT Licensed](https://github.com/jdan/isomer/blob/master/LICENSE)