open-index/open-npm huggingface dataset:
npm package: @paolobueno/bloomer
Description: A set of React Components for Bulma CSS
Author: Algus Dark
Latest version: 0.6.5

# Bloomer
==================================

[![LICENSE](https://img.shields.io/badge/license-MIT-blue.svg?style=flat-square)](https://github.com/AlgusDark/bloomer/blob/master/LICENSE.md)
[![NPM Downloads](https://img.shields.io/npm/dm/bloomer.svg?style=flat-square)](http://npmjs.com/package/bloomer)
[![NPM Version](https://img.shields.io/npm/v/bloomer.svg?style=flat-square)](http://npmjs.com/package/bloomer)
[![Build Status](https://travis-ci.org/AlgusDark/bloomer.svg?branch=master)](https://travis-ci.org/AlgusDark/bloomer)
[![Coverage Status](https://coveralls.io/repos/github/AlgusDark/bloomer/badge.svg?branch=master)](https://coveralls.io/github/AlgusDark/bloomer?branch=master)
![Gluten Status](https://img.shields.io/badge/Gluten-Free-green.svg)

A cool set of React Stateless components for Bulma

<p align="center">
    <a href='http://bloomer.js.org' title='Check Bloomer page'>
        <img src='https://github.com/AlgusDark/bloomer/blob/master/docs/07990594.png' width=400 role="presentation">
    </a>
</p>

## Install

[Bulma](https://www.npmjs.com/package/bulma) should be included in your project.

## Using NPM
```sh
$ npm install bloomer --save

```

## Using Yarn
```sh
$ yarn add bloomer
```

## Using CDN
```
<html>
  <head>
    ...
  </head>
  <body>
    Other libraries
    <script type="text/javascript" src="https://unpkg.com/bloomer/bundles/bloomer.min.js">
    Cutom code
  </body>
</html>
```

## Usage
```javascript
import * as React from 'react';
import * as ReactDOM from 'react-dom';
import { Container, Box  } from 'bloomer';

ReactDOM.render(
  <Container>
    <Box>Hello World!</Box>
  </Container>,
  document.getElementById('root')
);
```
## Documentation
The online documentation resides in [bloomer page](https://bloomer.js.org/#/documentation/overview/start), you can find all the different topics related to this library.
### Sections
- [Overview](https://bloomer.js.org/#/documentation/overview/start)
- [Grid](https://bloomer.js.org/#/documentation/grid/)
- [Elements](https://bloomer.js.org/#/documentation/elements/)
- [Components](https://bloomer.js.org/#/documentation/components)
- [Layout](https://bloomer.js.org/#/documentation/layout)

## Buy me a beer
[![Donate](https://img.shields.io/badge/Donate-PayPal-green.svg)](https://www.paypal.me/algusdark)

### Contributions
All contributions are welcome send your PR and Issues.

### License
This is a open-source software licensed under the [MIT license](https://github.com/AlgusDark/bloomer/blob/master/LICENSE.md)
npm package: @paolofernetti/fsfind
Description: File system finder
Author: Paolo Fernetti
Latest version: 1.1.0

# File System Finder
![GitHub Actions Workflow Status](https://img.shields.io/github/actions/workflow/status/PaoloFernetti/fsfind/release.yml) ![GitHub package.json version](https://img.shields.io/github/package-json/v/PaoloFernetti/fsfind)
![GitHub Created At](https://img.shields.io/github/created-at/PaoloFernetti/fsfind) ![GitHub Release Date](https://img.shields.io/github/release-date/PaoloFernetti/fsfind)

Package to find file or directory by name, method returns first found result.

## Installation

```shell
npm i --save-dev @paolofernetti/fsfind
```

## Usage

CommonJS
```js
let find = require("fsfind");

let result = fsfind("SomeDirectoryOrFile");

console.log(result)  // Output path to directory or file;
```

ES Modules
```js
import find from "fsfind";

let result = fsfind("SomeDirectoryOrFile");

console.log(result)  // Output path to directory or file;
```

## Contact
| Type           | Detail                                      |
|----------------|---------------------------------------------|
| Email          | paolofernetti@yandex.ru                     |
| Github Profile | https://github.com/PaoloFernetti            |
| Repository     | https://github.com/PaoloFernetti/fsfind.git |
npm package: @paoloinfante/minesweeper
Description: An implementation of the logic of the minesweeper game.
Author: Paolo Infante
Latest version: 1.0.3

# MineSweeper

An implementation of the logic of the minesweeper game.

The game is built around the `Board` class. The contructor accepts an object with (for now) two options:

```typescript
export interface BoardOptions {
    size: number;
    bombsCount: number;
}
```

The game can be "played" by calling the `test()` method:

```typescript
test(row: number, column: number): TestResult
```

accepting the current row/column position where the user has clicked. The `TestResult` object returned by the method
is:

```typescript
type TestResult = "safe" | "bomb" | "won"
```

The current board is stored inside the class and can be retrieved through the `getBoard()` method,
returning a `Matrix<DisplayedCell>` object. The `DisplayedCell` object is:

```typescript
type DisplayedCell = "unknown" | "bomb" | "empty" | number
```

where `unknown` is a cell that has not been touched, `empty` is an empty cell (with no bombs in the surroundings),
`bomb` is a cell where the user hit a bomb. When the cell value is a number it's the number of bombs surrounding the cell.

### Example

```typescript
const game = new Board({
  size: 8,
  bombsCount: 12
});

// It's equivalent to the user clicking the top-left cell. The first cell is safe and the rest of the board
// is randomly populated with bombs
const result = game.test(0, 0);
// result is "safe"

const board = game.getBoard();

// Do something with the updated board
```
npm package: @paolojulian.dev/design-system
Description: This is my own personal design system used across my websites. The design system can be accessed here:
Latest version: 4.3.0

# Paolo Julian —Design System

This is my own personal design system used across my websites.
The design system can be accessed here:

- Storybook: [https://design-system.paolojulian.dev]

## Development

This design system is made with Vite, React and TailwindCSS

## Installation
```bash
npm install @paolojulian.dev/design-system
```

### Tailwind Config
```js
// tailwind.config.js
import type { Config } from 'tailwindcss';
import colors from 'tailwindcss/colors';

const config: Pick<Config, 'content' | 'presets' | 'theme'> = {
  presets: [
    require('@paolojulian.dev/design-system/tailwind-config/tailwind.config.js'),
  ],
  content: ['./src/**/*.tsx'],
  theme: {
    extend: {
      // Your custom styles
    },
  },
};

export default config;
```

### Styles
```css
@import '@paolojulian.dev/design-system/style.css';
```