open-index/open-npm huggingface dataset:
npm package: @lokit/black-sheep
Description: Now I’m the model of a modern major general / The venerated Virginian veteran whose men are all / Lining up, to put me up on a pedestal / Writin’ letters to relatives / Embellishin’ my elegance and eloquence / But the elephant is in the room / The truth i
Author: Loïc Masson
Latest version: 1.0.0

# `@lokit/black-sheep`

> TODO: description

## Usage

```
const blackSheep = require('@lokit/black-sheep');

// TODO: DEMONSTRATE API
```
npm package: @lokit/black-sheep-text
Description: Now I’m the model of a modern major general / The venerated Virginian veteran whose men are all / Lining up, to put me up on a pedestal / Writin’ letters to relatives / Embellishin’ my elegance and eloquence / But the elephant is in the room / The truth i
Author: Loïc Masson
Latest version: 1.0.0

# `@lokit/black-sheep-text`

> TODO: description

## Usage

```
const blackSheepText = require('@lokit/black-sheep-text');

// TODO: DEMONSTRATE API
```
npm package: @lokiverse/changesets-config
Description: Experimental changeset configuration
Author: Loïk Fekkaï
Latest version: 0.1.0

<div align="center">
  <img src="https://github.com/lokicoule-stack/changesets-config/blob/main/media/repo-header.svg?raw=true" alt="Lokicoule Changesets Configuration" />
</div>

Experimental Changesets configuration for custom commit message generation.

## Installation

```bash
pnpm add -D @lokiverse/changesets-config
```

## Usage

Update your `.changeset/config.json`:

```json
{
  "$schema": "https://unpkg.com/@changesets/config@2.3.1/schema.json",
  "changelog": "@changesets/cli/changelog",
  "commit": ["@lokiverse/changesets-config", { "customOption": true }],
  "linked": [],
  "access": "public",
  "baseBranch": "main",
  "updateInternalDependencies": "patch",
  "ignore": []
}
```

## Package Configuration

This package is configured as a CommonJS-only package because Changesets doesn't support ESM for commit message generators. This is reflected in the package.json:

```json
"exports": {
  ".": {
    "require": "./src/index.js"
  }
}
```
npm package: @lokiverse/changesets-config-experimental
Description: Experimental changeset configuration
Author: Loïk Fekkaï
Latest version: 0.0.1

# @lokiverse/changesets-config-experimental

Experimental Changesets configuration for custom commit message generation.

## Installation

```bash
pnpm add -D @lokiverse/changesets-config-experimental
```

## Usage

Update your `.changeset/config.json`:

```json
{
  "$schema": "https://unpkg.com/@changesets/config@2.3.1/schema.json",
  "changelog": "@changesets/cli/changelog",
  "commit": [
    "@lokiverse/changesets-config-experimental",
    { "customOption": true }
  ],
  "linked": [],
  "access": "public",
  "baseBranch": "main",
  "updateInternalDependencies": "patch",
  "ignore": []
}
```

## Package Configuration

This package is configured as a CommonJS-only package because Changesets doesn't support ESM for commit message generators. This is reflected in the package.json:

```json
"exports": {
  ".": {
    "require": "./src/index.js"
  }
}
```
npm package: @lokiverse/prettier-config
Description: Prettier configuration
Author: Loïk Fekkaï
Latest version: 0.2.1

# @lokiverse/prettier-config

<div align="center">
 <img src="https://github.com/lokicoule-stack/prettier-config/blob/main/media/repo-header.svg?raw=true" alt="Lokicoule Prettier Configuration" />
</div>

Opinionated Prettier configuration with package.json sorting capabilities.

## Installation

```bash
pnpm add -D @lokiverse/prettier-config
```

## Usage

Add to `package.json`:

```json
{
  "prettier": "@lokiverse/prettier-config"
}
```

## Configuration Details

```json
{
  // Use official Prettier schema
  "$schema": "https://json.schemastore.org/prettierrc",

  // Line length: 100 characters
  "printWidth": 100,

  // No semicolons
  "semi": false,

  // Use single quotes
  "singleQuote": true,

  // Quote style for object properties
  "quoteProps": "consistent",

  // One attribute per line in HTML/JSX
  "singleAttributePerLine": true,

  // HTML whitespace handling
  "htmlWhitespaceSensitivity": "ignore",

  // Automated package.json sorting
  "plugins": ["prettier-plugin-packagejson"]
}
```

### Package.json Sorting

```json
[
  // Package Identity
  "name",
  "displayName",
  "version",
  "private",
  "description",
  "publisher",
  "keywords",
  "categories",

  // Legal & Authorship
  "author",
  "license",
  "funding",
  "sponsors",

  // Documentation & Links
  "homepage",
  "repository",
  "bugs",
  "documentation",

  // Package Configuration
  "type",
  "main",
  "module",
  "types",
  "typesVersions",
  "exports",
  "imports",
  "files",
  "bin",
  "sideEffects",
  "engines",

  // Project Configuration
  "scripts",
  "workspaces",
  "packageManager",

  // Dependencies
  "dependencies",
  "peerDependencies",
  "peerDependenciesMeta",
  "optionalDependencies",
  "devDependencies",
  "bundledDependencies",

  // Release Management
  "np",
  "release-it",
  "standard-version",

  // Publishing
  "config",
  "publishConfig",
  "directories",

  // Package Resolution
  "overrides",
  "resolutions",
  "pnpm",

  // Development Tools
  "husky",
  "simple-git-hooks",
  "lint-staged",
  "commitlint",

  // Tool Configuration
  "eslintConfig",
  "eslintIgnore",
  "prettier",
  "browserslist",
  "babel",
  "jest",
  "postcss",
  "stylelint",

  // IDE & Extensions
  "icon",
  "activationEvents",
  "contributes",

  // Testing
  "c8",
  "nyc",
  "tap",
  "ava"
]
```
npm package: @lokiverse/prettier-config-experimental
Description: Prettier configuration
Author: Loïk Fekkaï
Latest version: 0.0.0

<div align="center">
  <img src="https://github.com/lokicoule-stack/prettier-config/blob/main/media/repo-header.svg?raw=true" alt="Lokicoule Prettier Configuration" />
</div>

Prettier configuration with minimal rules.

## Installation

```bash
pnpm add -D @lokicoule/prettier-config
```

## Usage

Update `package.json`:

```json
{
  "prettier": "@lokicoule/prettier-config"
}
```

## Configuration

```javascript
{
  // Use official Prettier schema for validation
  "$schema": "https://json.schemastore.org/prettierrc",

  // Line length before wrapping
  // Default: 80
  "printWidth": 100,

  // Use single quotes instead of double quotes
  // true  => const x = 'test'
  // false => const x = "test"
  "singleQuote": true,

  // If you quote a property, quote all properties
  // "as-needed"  => { foo: "bar", "quotedFoo": "bar" }
  // "consistent" => { "foo": "bar", "quotedFoo": "bar" }
  // "preserve"   => { foo: "bar", "quotedFoo": "bar" }
  "quoteProps": "consistent",

  // Put each HTML attribute on a new line
  // true:
  // <button
  //   class="btn"
  //   onClick={click}>
  //   Button
  // </button>
  "singleAttributePerLine": true,

  // Control whitespace sensitivity in HTML
  // "css"     => Respect CSS display property
  // "strict"  => Whitespace is considered significant
  // "ignore"  => Whitespace is considered insignificant
  "htmlWhitespaceSensitivity": "ignore"
}
```
npm package: @lokiverse/tsconfig-experimental
Description: TypeScript configurations
Author: Loïk Fekkaï
Latest version: 0.0.1

<div align="center">
  <img src="https://github.com/lokicoule-stack/tsconfig/blob/main/media/repo-header.svg?raw=true" alt="Lokicoule TypeScript Configuration"  />
</div>

## Installation

```bash
pnpm add -D @lokiverse/tsconfig
```

## Usage

### Base Configuration

```json
{
  "extends": "@kumikojs/tsconfig/base.json"
}
```

### Runtime Configurations

#### Node.js

```json
{
  "extends": "@kumikojs/tsconfig/runtime/node.json"
}
```

#### Browser

```json
{
  "extends": "@kumikojs/tsconfig/runtime/browser.json"
}
```

### Framework Configurations

#### React

```json
{
  "extends": "@kumikojs/tsconfig/frameworks/react.json"
}
```

#### Vite

```json
{
  "extends": "@kumikojs/tsconfig/frameworks/vite.json"
}
```

### Library Presets

#### Base Library

```json
{
  "extends": "@kumikojs/tsconfig/presets/lib-base.json"
}
```

#### Node.js Library

```json
{
  "extends": "@kumikojs/tsconfig/presets/lib-node.json"
}
```

#### Browser Library

```json
{
  "extends": "@kumikojs/tsconfig/presets/lib-browser.json"
}
```

#### React Library

```json
{
  "extends": "@kumikojs/tsconfig/presets/lib-react.json"
}
```
npm package: @loklaan/spectacle-code-slide
Description: Present code with style.
Author: James Kyle
Latest version: 0.3.2-5

# [spectacle](http://stack.formidable.com/spectacle)-code-slide

Present code with style using [spectacle](https://github.com/FormidableLabs/spectacle).

<img src="demo.gif" width="400"/>

> _Dude, you just changed the code presentation game_ – [@kenwheeler](https://github.com/kenwheeler)

## Install

```
$ npm install --save spectacle
$ npm install --save spectacle-code-slide
```

## Usage

```js
import React from 'react';
import { Spectacle, Deck } from 'spectacle';
import CodeSlide from 'spectacle-code-slide';
import shiaLabeoufMagicGif from "./shiaLabeoufMagic.gif"
import preloader from "spectacle/lib/utils/preloader";

preloader({
  shiaLabeoufMagicGif
});

export default class Presentation extends React.Component {
  render() {
    return (
      <Spectacle theme={theme}>
        <Deck transition={[]} transitionDuration={0} progress="bar">
          // ...
          <CodeSlide
            transition={[]}
            lang="js"
            code={require("raw!../assets/code.example")}
            ranges={[
              { loc: [0, 270], title: "Walking through some code" },
              { loc: [0, 1], title: "The Beginning" },
              { loc: [1, 2] },
              { loc: [1, 2], note: "Heres a note!" },
              { loc: [2, 3] },
              { loc: [4, 7], image: shiaLabeoufMagicGif },
              { loc: [8, 10] },
              // ...
            ]}/>
          // ...
        </Deck>
      </Spectacle>
    );
  }
}
```

## Syntax Highlighting

Provided by [PrismJS](https://github.com/PrismJS/prism). See http://prismjs.com/ for docs.
npm package: @loksa/angular
Description: A schematics to generate Feature state with
Author: Lokesh Daiya
Latest version: 0.0.5

# Description

`@loksa/angular` is a schematic to generate ngrx feature module in your angular ngrx project.

# Installation

Run below command in your project.

`ng add @loksa/angular`

# Usage

generate ngrx feature module with below command.

`ng g @loksa/angular:ngrx-feature`
npm package: @lokse/core
Description: Core of localization from spreadsheet solution lokse
Author: Lukas Horak
Latest version: 3.2.0

# @lokse/core

@lokse/core is a private utility package for internal usage in `lokse`.

## License
Lokse is licensed under the MIT License.
Documentation is licensed under Creative Commons License.
Created with ♥ by [@horaklukas](https://github.com/horaklukas) and all the great contributors.
npm package: @lokse/plugin-fallback
Description: Plugin for fallbacking missing translations to the default language translation
Author: Lukáš Horák
Latest version: 3.2.0

# @lokse/plugin-fallback

Plugin for fallbacking missing translations to the default language translation.

## Installation

```sh
$ yarn add -D @lokse/plugin-fallback
```

## Usage

Add it into plugins section of lokse config, and pass an options with default language

```json
{
    "plugins": [
        { 
            "name": "@lokse/plugin-fallback", 
            "options": { 
                "defaultLanguage": "en-GB" 
            }
        }
    ]
}
```

Then if you spreadsheet contains data like this

|      key_web     |    en-GB   |   cs-CZ    |    de-De    |
|------------------|------------|------------|-------------|
| _auth.username_  |  Username  |            |  Nutzername |
| _auth.password_  |  Password  |  Heslo     |             |
| _auth.login_     |  Login     |  Přihlásit |  Einloggen  |

Then the gaps in translations will be filled with default language translations and output will look like this

```json
// en-GB
{
    "auth.username": "Username",
    "auth.password": "Password",
    "auth.login": "Login"
}
// cs-CZ
{
    "auth.username": "Username",
    "auth.password": "Heslo",
    "auth.login": "Přihlásit"
}
// de-De
{
    "auth.username": "Nutzername",
    "auth.password": "Password",
    "auth.login": "Einloggen"
}
```

## Options

### `defaultLanguage: string`

```json
{
    ...
    "options": { 
        "defaultLanguage": "en-GB" 
    }
}
```

Required. Determines language used to fill missing gaps in translations.
### `logMissingFallback: boolean`

Optional. Defaults to `true`. Determines logging of missing translations in default language. 

Logs only when fallbacking is invoked. For example  if there will be no `en-GB` translation for `auth.username` key in previous example, plugin warns about that fact. But that doesn't apply for `auth.login` as there is no need for translation fallbacking because there are all translations filled.

Loggin can be turned off with

```json
{
    ...
    "options": { 
        "logMissingFallback": false
    }
}
```


## License
Lokse is licensed under the MIT License.
Documentation is licensed under Creative Commons License.
Created with ♥ by [@horaklukas](https://github.com/horaklukas) and all the great contributors.
npm package: @lokse/plugin-non-breaking-spaces
Description: Plugin for replacing white spaces after single letter characters with non-breking space.
Author: Filip Kubík
Latest version: 3.2.0

# @lokse/plugin-non-breaking-spaces

Plugin for replacing white spaces after single letter characters with non-breking space.

In some languages there are special chracters such as `§ or ¶` or even single letter words like `a` etc.
These characters should not stay by the end of the lines, by the languge typographic rules,
therefore we replace them with non-breking space, to force them appear on a new line.

https://practicaltypography.com/nonbreaking-spaces.html

## Installation

```sh
$ yarn add -D @lokse/plugin-non-breaking-spaces
```

## Usage

Add it into plugins section of lokse config

```json
{
    "plugins": [
        { 
            "name": "@lokse/plugin-non-breaking-spaces"
        }
    ]
}
```

### Default patterns

This plugin is using regex patterns to find whitespaces before single-letter and other characters.

Patterns names are matching languages defined in your google sheet. Keys are being lowercased by the plugin so even if you provide language `cs-CZ` it will result in `cs-cs`

We currently provide these patterns as default:

(Feel free to contribute with more)

```js
{
    cs: /(\s|^)(a|i|k|o|s|u|v|z)(\s+)/gim,
    "cs-cz": /(\s|^)(a|i|k|o|s|u|v|z)(\s+)/gim,
}
```
### Options 

`useNbsp` — Replacese adds HTML entity for non-breking space instead regular non-breaking white space

`customPatterns` — Adds the possibility to extend the default patterns with custom language patterns, please notice you dont have to pass space matching `(\\s|^)` and `(\\s+)` as it is included in the plugin by default. 

```json
{
    "plugins": [
        { 
            "name": "@lokse/plugin-non-breaking-spaces", 
            // options are optional )))
            "options": { 
                useNbsp: true;
                customPatterns: {
                    // provide custom regex patter without flags
                    // default flag is gim
                    // use the language code as key (has to be the same as your lang in the spreadsheet)
                    "ad-HD": "(a|i|k|o|s|u|v|z)"
                }
            }
        }
    ]
}
```

## License
Lokse is licensed under the MIT License.
Documentation is licensed under Creative Commons License.
Created with ♥ by [@horaklukas](https://github.com/horaklukas) and all the great contributors.
npm package: @lokse/plugin-prettier
Description: Lokse plugin used to format output translations file using prettier
Author: Lukas Horak
Latest version: 3.2.0

# @lokse/plugin-prettier

Plugin used to format output translations file using Prettier.

## Installation

```sh
$ yarn add -D @lokse/plugin-prettier
```

## Usage

Add it into plugins section of lokse config

```json
{
    "plugins": ["@lokse/plugin-prettier"]
}
```

If you have [Prettier config](https://prettier.io/docs/en/configuration.html) in your project it will be automatically loaded, otherwise default prettier config is used. 
The file where translations are outputed into is then formatted with Prettier.

**Prettier plugin currently supports only JSON output format.** If you need other format, please make a [Feature request](https://github.com/AckeeCZ/lokse/issues) or better implement it and make pull request 🙂

## Options

Plugin has no configuration options.

## License
Lokse is licensed under the MIT License.
Documentation is licensed under Creative Commons License.
Created with ♥ by [@horaklukas](https://github.com/horaklukas) and all the great contributors.
npm package: @loktevra/eslint-config
Description: base configuration eslint
Author: Loktev Roman A.
Latest version: 1.0.0

# Loktev R.A. eslint configuration

## Install

`npm install --save-dev @lotevra/eslint-config`

## Usage

```
{
    "extends": "@lotevra"
}
```

## License

MIT License

Copyright (c) 2017 Loktev Roman Aleksandrovich

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.
npm package: @lokua/bench
Description: Tiny test function using Benchmark.js for quick perf insights
Author: Joshua Kleckner
Latest version: 1.0.0

# bench

> A quick and simple wrapper around [Benchmark.js Suite](https://benchmarkjs.com/docs#Suite)

## Install

```
npm i @lokua/bench
```

## Usage

Create your test file:

```js
// test.js
const bench = require('@lokua/bench')

bench({
  'Test 1': () => {
    // whatever
  },

  'Test 2': () => {
    // whatever
  }
})
```

Then run your file with node from the command line:

```sh
node ./test.js

# ... benchmark logs, something like:

#   Test 1 x 20,762,510 ops/sec ±1.05% (91 runs sampled)
#   Test 2 x 23,006,483 ops/sec ±0.94% (91 runs sampled)
#   Fastest is Test 2
```
npm package: @lokua/cli
Description: A cli of utilities I use for creative (usually musical) purposes. This project was made first and foremost for my own needs, but the programs provided are pretty generic so I've made it public.
Author: Joshua Kleckner
Latest version: 2.2.2

# @lokua/cli

A cli of utilities I use for creative (usually musical) purposes. This project
was made first and foremost for my own needs, but the programs provided are
pretty generic so I've made it public.

## Help

```
cli [command]

Commands:
  cli gcd [numbers..]      find greatest common denominator
  cli lcm [numbers..]      find least common multiple
  cli mtof <midiNote>      convert midi note to frequency
  cli ftom <frequency>     convert frequency to midi note
  cli midi                 print table of midi with various conversions
  cli bpm <bpm>            print table of note values in hz and ms for a given t
                           empo
  cli randomName           generate a random <adjective> <noun>
  cli listScales           list scales
  cli scaleNames           list scale names
  cli scale <root> <name>  see scaleNames command for list of names
  cli ringMod <f0> <f1>    view various analysis of ring modulation

Options:
  --help     Show help                                                 [boolean]
  --version  Show version number                                       [boolean]
```

## Install

I've used node.js v14 for this. This will not work with any version of node that
doesn't support es modules.

```js
npm i -g @lokua/cli
```

This will add a global `cli` command. If you don't want to use `cli` as the name
you can clone the repo and call it whatever you want under package.json "bin"
field, then run `sudo npm link` (because meh) in the project root to make it
available globally or run commands as `npm start <cmd> [...options]` instead.

### License MIT
npm package: @lokua/euclidean-sequence
Description: Euclidean pattern generator
Author: Joshua Kleckner
Latest version: 1.0.2

# @lokua/euclidean-sequence

See:

http://cgm.cs.mcgill.ca/~godfried/publications/banff.pdf

Other implementations:

- https://github.com/pingdynasty/EuclideanSequencer
- https://github.com/brianhouse/bjorklund/blob/master/__init__.py

## Install

```sh
npm i @lokua/euclidean-sequence
```

## Usage

**eucideanSequence(fill, length[, offset = 0])**

```js
const eucideanSequence = require('@lokua/euclidean-sequence')

eucideanSequence(3, 8) // => [1, 0, 0, 1, 0, 0, 1, 0]
```
npm package: @lokua/hyper-one-dark
Description: Hyper.app theme based on Atom One Dark theme
Author: Yurii Habrusiev
Latest version: 3.0.0

# One Dark for Hyper.app

[Hyper.app](https://hyper.is) theme based on [the Atom One Dark theme](https://github.com/atom/one-dark-syntax). Forked from @mdo's [hyperterm-atom-dark](https://github.com/mdo/hyperterm-atom-dark) and modified by @yuriihabrusiev.

![Screenshot at start](https://cloud.githubusercontent.com/assets/98681/16899205/f644411e-4baf-11e6-851a-930070779867.png)
![Screenshot with tabs](https://cloud.githubusercontent.com/assets/98681/16899206/f644c080-4baf-11e6-890d-fd5c628c7991.png)

### Install

1.  Open HyperTerm's preferences with `Cmd+,` (or manually at `~/.hyper.js`) with your editor.
2.  Update your list of plugins to include `@lokua/hyper-one-dark`, like so:

```js
plugins: [
  '@lokua/hyper-one-dark'
],
```

3.  Fully reload HyperTerm (`Cmd+Shift+R`), and tada!

### License

MIT
npm package: @lokua/launchpad
Description: Node.js program to control a Novation Launchpad MIDI controller. Attach handlers to react when buttons are pressed and set their colors according to your program's logic.
Latest version: 0.0.4

# launchpad

Node.js program to control a Novation Launchpad MIDI controller.
Attach handlers to react when buttons are pressed and set their colors
according to your program's logic.

See [./example.js](example.js) for a basic usage example.

## Install

`launchpad` has been developed on node@8.1.4 and npm@5.3.0, though should work with any node
installation that supports arrow functions, const, let, object property shorthand, destructuring.

```sh
npm i @lokua/launchpad --save
# or
yarn add @lokua/launchpad --save
```

## API

##### [`Launchpad(portName, options)`](#)

Class constructor.

###### Params:

+ **`portName`:**
An exact string or regexp. Defaults to `/^Launchpad/`

+ **`options`:**
  + `ignore0Velocity = true`:
  Causes all registered handlers to ignore when a button is released.
  This is useful if you are using your Launchpad as a sequencer rather than a
  push & hold style instrument. For more fine grained control you can set this false and check the
  `value` parameter in any of the `on*` methods.
  + `normalize = true`
  The Launchpad by default has some pretty odd numbering. For example, the first grid row
  runs from [0, 7] (as expected), but the second row runs from [16, 23]. This is not at
  all intuitive when it comes to mapping buttons to parameters in software etc, where one would
  expect the 64th button to be 63. Likewise, the top meta row sends CCs from [104, 111].
  With `normalize = true`, the top meta row/column sends a normalized [0, 7] range, and the grid
  runs from [0, 63].

##### [`Launchpad.colors: object`](#)

+ `off`
+ `redLow`
+ `red`
+ `amberLow`
+ `amber`
+ `yellow`
+ `greenLow`
+ `green`

##### [`#onPage(fn)`](#onPage)

Fired when a button in the top "special" row (buttons labeled 1-8) is pressed.
`fn` is called with `(note, value)`.

##### [`#onScene(fn)`](#onScene)

Fired when a button in the right-most column (labelled A-H) is pressed.
`fn` is called with `(note, value)`.

##### [`#onGrid(fn)`](#onGrid)

Fired when a button in the grid is pressed. `fn` is called with `(note, value)`.

##### [`#closePorts()`](#closePorts)

Close the internal ports used to communicate with Launchpad. This only
needs to be called if you wish to kill connections while your program is still running,
otherwise the library will handle that automatically on process termination.

##### [`#allOff()`](#allOff)

Turn all buttons on the Launchpad off

##### [`#setPage(number, color)`](#setPage)

Set the color of a button in the top row

##### [`#setScene(number, color)`](#setScene)

Set the color of a button in the right column

##### [`#setGrid(number, color)`](#setGrid)

Set the color of a button in the grid

## License
MIT
npm package: @lokua/mdi-svg
Description: flat folder of camelcased, material-design-icons svg files
Author: Joshua Kleckner
Latest version: 2.0.3

# mdi-svg

Contains a flat folder of camel cased, [material-design-icons][0] svg files.

## Install

npm:

```sh
npm i @lokua/mdi-svg --save
```

yarn:

```sh
yarn add @lokua/mdi-svg --save
```

## Example

Assuming you have svg loading support in webpack or similar, you can make
a simple icon component with React:

```js
export default ({ name }) => (
  <div
    dangerouslySetInnerHTML={{ __html: require(`mdi-svg/svg/${name}.svg`) }}
  />
)
```

## Demo

Open `demo/index.html` to see all icons and their names in your default browser.
Clicking an icon thumbnail will copy it to your clipboard.

##### TIP:

Add the following to your project package.json scripts section:

```json
"scripts": {
  "icons": "open ./node_modules/@lokua/mdi-svg/demo/index.html"
}
```

[0]: https://github.com/google/material-design-icons