open-index/open-npm huggingface dataset:
npm package: @felipecastillo/scss-boilerplate
Description: SCSS Boilerplate ready.
Author: Felipe Castillo
Latest version: 1.1.11

# SCSS Boilerplate

SCSS boilerplate with common functions, mixins, helpers and patterns to kickstart CSS authoring.

## Install

You can install the package via yarn:

```bash
yarn add @felipecastillo/scss-boilerplate
```

## Usage

### Import

Import the base & styles file in your SCSS files.

```scss
@import ' @felipecastillo/scss-boilerplate/styles/main.scss';
```
npm package: @felipecrescencio/mongodburl
Description: The MongoDB URL module exports a singleton object that helps getting  a MongoDB URL based on some premises.
Author: Felipe Crescencio
Latest version: 1.0.3

# MongoDB URL
The MongoDB URL module exports a singleton object that helps getting  a MongoDB URL based on some premises.

## Get a MongoDB URL connection
This will return the a MongoDB URL connection based on options object.

### Quick Start
Consider set a MONGODB_SERVER environment variable and assign to it:
- The MongoDB server:port
- The MongoDB replicaset server1:port1,server2:port2,server3:port3,server4:port4

```shell
$ npm i @felipecrescencio/mongodburl
$ export MONGODB_SERVER=10.0.0.1:27017,10.0.0.2:27017
```

**Use mongodburl in your code:**
```js
var mongourl = require('@felipecrescencio/mongodburl');

console.log("Default: "+ mongourl.getUrl());
// Output: Default: mongodb://10.0.0.1:27017,10.0.0.2:27017/
console.log("User/pass params: "+ mongourl.getUrl({username: "user", password: "pass"}));
// Output: User/pass params: mongodb://user:pass@10.0.0.1:27017,10.0.0.2:27017/
console.log("Other params: "+ mongourl.getUrl({database: "customers", replicaset: "rs46", socketTimeoutMS: 600000}));
// Output: Other params: mongodb://10.0.0.1:27017,10.0.0.2:27017/customers?replicaSet=rs46&socketTimeoutMS=600000
mongodb.connect(mongourl);
//...
```

**Without MONGODB_SERVER environment variable**

If no MONGODB_SERVER environment variable was assigned, it will return the default value localhost:27017.

```shell
$ npm i @felipecrescencio/mongodburl
```

**In your code:**
```js
var mongourl = require('@felipecrescencio/mongodburl');

console.log("Default: "+ mongourl.getUrl());
// Output: Default: mongodb://localhost:27017/
console.log("User/pass params: "+ mongourl.getUrl({username: "user", password: "pass"}));
// Output: User/pass params: mongodb://user:pass@localhost:27017/
console.log("Other params: "+ mongourl.getUrl({database: "customers", replicaset: "rs46", socketTimeoutMS: 600000}));
// Output: Other params: mongodb://localhost:27017/customers?replicaSet=rs46&socketTimeoutMS=600000
mongodb.connect(mongourl);
//...
```
npm package: @felipecrs/decompress-tarxz
Description: decompress tar.xz plugin
Author: Kevin Mårtensson
Latest version: 5.0.5

# @felipecrs/decompress-tarxz

> tar.xz decompress plugin

## Install

```console
npm install @felipecrs/decompress-tarxz
```

## Usage

```js
import decompress from '@xhmikosr/decompress';
import decompressTarXz from '@felipecrs/decompress-tarxz';

await decompress('unicorn.tar.xz', 'dist', {
  plugins: [
    decompressTarXz()
  ]
});

console.log('Files decompressed');
```

## API

### decompressTarxz()(input)

Returns both a `Promise<Buffer>` and a [Duplex stream](https://nodejs.org/api/stream.html#stream_class_stream_duplex).

#### input

Type: `Buffer` `Stream`

Buffer or Stream to decompress.
npm package: @felipedc093dves/react-component-module-frame
Description: React module frame
Latest version: 0.0.6

# react-component-module-frame
## What is this project about?
#### This template was built to make publishing react-components easy. All the basic settings such as tsconfig.json and package.json are done. It is up to you to modify the setting for your own taste.

-----------------------------------------------------------------------------------------------------------------------

#### To download this project  
```
git clone https://github.com/tofusoup429/react-component-module-frame.git
```
-----------------------------------------------------------------------------------------------------------------------
npm package: @felipeeweiss/react-toast-message
Description: ![NPM Downloads (custom)](https://img.shields.io/npm/dw/%40felipeeweiss/react-toast-message?style=flat-square&color=blue) ![NPM Downloads (total)](https://img.shields.io/npm/dt/%40felipeeweiss/react-toast-message?style=flat-square&color=green)
Latest version: 0.0.9

# React Toast Message

![NPM Downloads (custom)](https://img.shields.io/npm/dw/%40felipeeweiss/react-toast-message?style=flat-square&color=blue)
![NPM Downloads (total)](https://img.shields.io/npm/dt/%40felipeeweiss/react-toast-message?style=flat-square&color=green)

A simple toast notification component for React applications.

![Toast Types](assets/example.png)

## Installation

```bash
npm install @felipeeweiss/react-toast-message
```

## Usage

### 1. Wrap your app with ToastProvider

```tsx
import { ToastProvider } from '@felipeeweiss/react-toast-message';

function App() {
  return <ToastProvider>{/* Your app components */}</ToastProvider>;
}
```

**Note:** The CSS styles are automatically included when you import the component, so no need for a separate CSS import!

### 2. Use the toast hook in your components

```tsx
import { useToast } from '@felipeeweiss/react-toast-message';

function MyComponent() {
  const { addToast } = useToast();

  const handleClick = () => {
    addToast('This is a success message!', 'success');
  };

  return <button onClick={handleClick}>Show Toast</button>;
}
```

## Props

| Property  | Type    | Default | Description                                         |
| --------- | ------- | ------- | --------------------------------------------------- |
| animation | boolean | true    | Enables or disables enter/exit animations globally. |

## Toast Types

The component supports four toast types:

- `success`
- `error`
- `info`
- `warning`

## Example

```tsx
import { ToastProvider, useToast } from '@felipeeweiss/react-toast-message';

function App() {
  return (
    // Disable animations for the entire app
    <ToastProvider animation={false}>
      <MyComponent />
    </ToastProvider>
  );
}

function MyComponent() {
  const { addToast } = useToast();

  return (
    <div>
      <button onClick={() => addToast('Success!', 'success')}>
        Success Toast
      </button>
      <button onClick={() => addToast('Error!', 'error')}>Error Toast</button>
      <button onClick={() => addToast('Info!', 'info')}>Info Toast</button>
      <button onClick={() => addToast('Warning!', 'warning')}>
        Warning Toast
      </button>
    </div>
  );
}
```

## Features

- ⏱️ Auto-dismiss after 3 seconds
- ✨ Optional animations (Enter/Exit)
- 🎯 Simple API
- 📦 Lightweight
- 🔧 TypeScript support

## License

MIT