open-index/open-npm huggingface dataset:
npm package: @mjrdd/sudoku
Description: Sudoku puzzle generator and solver
Author: Mark Devilleres
Latest version: 2.0.2

# @mjrdd/sudoku

Sudoku puzzle generator and solver.

## Installation

```bash
npm install @mjrdd/sudoku
```

## Usage

```js
import { generate, removeHints, solve } from "@mjrdd/sudoku";

const sudoku = removeHints(generate(), 55);

console.log(sudoku);
// [
// 	[0, 0, 0, 0, 6, 3, 0, 0, 0],
// 	[2, 9, 0, 0, 0, 0, 8, 0, 0],
// 	[0, 3, 0, 0, 8, 0, 4, 0, 7],
// 	[0, 0, 0, 1, 0, 6, 0, 9, 0],
// 	[0, 0, 2, 0, 0, 7, 0, 0, 5],
// 	[0, 0, 0, 0, 0, 0, 0, 0, 1],
// 	[0, 0, 0, 9, 1, 8, 0, 0, 0],
// 	[0, 1, 5, 0, 0, 0, 3, 0, 0],
// 	[8, 4, 0, 0, 2, 0, 0, 0, 0]
// ];

const solution = solve(sudoku);

console.log(solution);
// [
// 	[4, 7, 8, 5, 6, 3, 1, 2, 9],
// 	[2, 9, 6, 7, 4, 1, 8, 5, 3],
// 	[5, 3, 1, 2, 8, 9, 4, 6, 7],
// 	[7, 5, 4, 1, 3, 6, 2, 9, 8],
// 	[1, 8, 2, 4, 9, 7, 6, 3, 5],
// 	[3, 6, 9, 8, 5, 2, 7, 4, 1],
// 	[6, 2, 3, 9, 1, 8, 5, 7, 4],
// 	[9, 1, 5, 6, 7, 4, 3, 8, 2],
// 	[8, 4, 7, 3, 2, 5, 9, 1, 6]
// ];
```

Note: 55 is the number of hints to be removed from the sudoku puzzle. However, there are some cases in which the puzzle can no longer have one unique solution if any more hints are removed.
npm package: @mjsdevs/config.ts
Description: Type safe configuration service
Author: Jose Rommildo Mendes Junior
Latest version: 1.3.6

# config.ts
Config.ts is a generic configuration service that uses dotenv and typescript to improve the experience when using environment variables.

# Install
```
// with NPM
npm install @mjsdevs/config.ts


// with yarn
yarn add @mjsdevs/config.ts
```

# Usage
```typescript
import {
  Result,
  ConfigurationServiceFactory,
} from '@mjsdevs/config.ts'

// create an interface/class with the desired environment variables
interface EnvDefinition {
  NODE_ENV: string;
}

// get a factory for configuration service
const factory = new ConfigurationServiceFactory<EnvDefinition>();

// use the factory to create a new ConfigurationService instance.
// you need to implement the handler to return a success or failing Result
const service = factory.create({
  validation:{
    handler: (env) => Result.ok(env),
  },
  options: {}
});

// user the service to get environment variables
const env = service.get('NODE_ENV'); // development
```

# Changelog
// WIP

# Contributing
// WIP
npm package: @mjsdo/eslint-plugin
Description: ## Install
Author: mjsdo
Latest version: 0.0.5

# @mjsdo/eslint-plugin

## Install

```zsh
yarn add -D @mjsdo/eslint-config
```

```zsh
npx install-peerdeps -D @mjsdo/eslint-config
```

## Usage

```js
module.exports = {
  ...,
  extends: [
    'plugin:@mjsdo/common',
    'plugin:@mjsdo/typescript',
  ],
  ...,
};
```
npm package: @mjsisley/dream-ui
Description: dream ui kit and utils
Latest version: 0.0.4

# Reusable UI Kit using the following

## Base UI

- styled-components v4
- facepaint
- polished
- styled-tools
- styled-theming

### Navigation

- react-static/react-router v4 (??reach router??)
- react portals w/ react-router v4 (??reach router??)

### State + Data

- react-apollo
- xstate + xstateful

### Animation

- lottie
- react-spring

# Monorepo Organization

Uses lerna and yarn workspaces. Following https://medium.com/trabe/monorepo-setup-with-lerna-and-yarn-workspaces-5d747d7c0e91.

Packages:

- / (hub package)
- tools (common config for dev tools package)
- components (core ui component package)
- devcomponents (dev components package - Errors, Accessibility Checks, etc...)
- icons (icons package - font awesome, etc...)
- animations (animations package - lottie, react-spring config, etc...)
- utils-ui (ui utils package - polished, color, etc..)
- utils-general (general utils package - lodash, ramda, etc...)

Ultimately would be awesome to follow the lead set here: https://github.com/primer/primer and have even more structure/options (individual components released on their own, grouped into "components", the overall kit, and then also "meta groupings")

# Documentation

docs prepared with either docz or ESDoc
npm package: @mjsisley/palx
Description: Automatic UI Color Palette Generator
Author: mjsisley
Latest version: 1.0.2


# Palx

Automatic UI Color Palette Generator

https://palx.jxnblk.com

```js
npm i palx
```

Provide a single color value and Palx returns a full-spectrum color palette,
well suited for UI design and data visualizations that work harmoniously with brand colors.

```js
const palx = require('palx')

palx('#07c')
// Returns a color object with
// 12 hues and a gray spread across
// 10 luminance steps
```

## About

Inspired by [Open Color](https://yeun.github.io/open-color/),
Palx takes a single input color,
then spreads the hue across the color spectrum in 12 steps,
and spreads each hue across 10 luminance steps.
Palx also desaturates the main color to create shades of gray and a black that are based off the original color.

### Related

- [Hello Color](http://jxnblk.com/hello-color)
- [Colorable](http://jxnblk.com/colorable)
- [Monochrome](https://monochrome.jxnblk.com)
- [Grays](http://jxnblk.com/grays)
- [Shade](http://jxnblk.com/shade)
- [Spectral](http://jxnblk.com/Spectral)
- [Open Color](https://yeun.github.io/open-color)

MIT License
npm package: @mjsisley/react-multi-select
Description: React Multi Select Component
Latest version: 0.2.4

# React Multi Select Component

React Multi Select Component

![Animated GIF demo](react-multi-select.gif)

[Storybook Demo](https://khan.github.io/react-multi-select/)

## Installation:
`npm install --save @khanacademy/react-multi-select`

## Usage:
See the examples in ``/src/stories/index.js` for how to use the component