open-index/open-npm huggingface dataset:
npm package: @matharumanpreet00/react-daterange-picker
Description: A react date range picker using Material Design
Author: Manpreet Singh Matharu
Latest version: 1.0.5

# react-daterange-picker

## Live Demo: https://matharumanpreet00.github.io/react-daterange-picker/

A react date range picker using material-ui components.

*NOTE*: This project is a WIP and **NOT** stable for use in production

![Screenshot](/screenshot_1.png?raw=true "Screenshot")



## Basic Example
```tsx
import React from "react";
import { DateRangePicker, DateRange } from "@matharumanpreet00/react-daterange-picker";

type Props = {}
type State = {
    open: boolean,
    dateRange: DateRange
}

class App extends React.Component<Props, State> {
	state = {
		open: true,
		dateRange: {}
	};
	
	render() {
		return (
			<DateRangePicker
				open={this.state.open}
				onChange={range => this.setState({ dateRange: range })}
			/>
		);
	}
}

export default App;
```

## Basic example using hooks
```tsx
import React from "react";
import { DateRangePicker, DateRange } from "@matharumanpreet00/react-daterange-picker";

type Props = {}

const App: React.FunctionComponent<Props> = props => {
	const [open, setOpen] = React.useState(false);
	const [dateRange, setDateRange] = React.useState<DateRange>({});

	return (
		<DateRangePicker
			open={open}
			onChange={range => setDateRange(range)}
		/>
	);
}

export default App;
```

## Types 
```ts
interface DateRange {
    startDate?: Date,
    endDate?: Date
}

interface DefinedRange {
    label: string,
    startDate: Date,
    endDate: Date
}
```

## Props

Name | Type | Required | Default value | Description
:--- | :--- | :--- | :--- | :---
`initialDateRange` | `DateRange` | | `{}` | initially selected date range
`minDate` | `Date | string` | | 10 years ago | min date allowed in range
`maxDate` | `Date | string` | | 10 years from now | max date allowed in range
`onChange` | `(DateRange) => void` | _required_ | - | handler function for providing selected date range
`definedRanges` | `DefinedRange[]` | | - | custom defined ranges to show in the list
npm package: @mathboard-ai/common
Description: Excalidraw common functions, constants, etc. for MathBoard
Latest version: 0.18.0-mathboard0.0.13

# @excalidraw/common

## Install

```bash
npm install @excalidraw/common
```

If you prefer Yarn over npm, use this command to install the Excalidraw utils package:

```bash
yarn add @excalidraw/common
```

With PNPM, similarly install the package with this command:

```bash
pnpm add @excalidraw/common
```
npm package: @mathboard-ai/element
Description: Excalidraw elements-related logic for MathBoard
Latest version: 0.18.0-mathboard0.0.13

# @excalidraw/element

## Install

```bash
npm install @excalidraw/element
```

If you prefer Yarn over npm, use this command to install the Excalidraw utils package:

```bash
yarn add @excalidraw/element
```

With PNPM, similarly install the package with this command:

```bash
pnpm add @excalidraw/element
```
npm package: @mathboard-ai/excalidraw
Description: Excalidraw as a React component used for MathBoard
Latest version: 0.18.0-mathboard0.0.13

# Excalidraw

**Excalidraw** is exported as a component to be directly embedded in your project.

## Installation

Use `npm` or `yarn` to install the package.

```bash
npm install react react-dom @excalidraw/excalidraw
# or
yarn add react react-dom @excalidraw/excalidraw
```

> **Note**: If you don't want to wait for the next stable release and try out the unreleased changes, use `@excalidraw/excalidraw@next`.

#### Self-hosting fonts

By default, Excalidraw will try to download all the used fonts from the [CDN](https://esm.run/@excalidraw/excalidraw/dist/prod).

For self-hosting purposes, you'll have to copy the content of the folder `node_modules/@excalidraw/excalidraw/dist/prod/fonts` to the path where your assets should be served from (i.e. `public/` directory in your project). In that case, you should also set `window.EXCALIDRAW_ASSET_PATH` to the very same path, i.e. `/` in case it's in the root:

```js
<script>window.EXCALIDRAW_ASSET_PATH = "/";</script>
```

### Dimensions of Excalidraw

Excalidraw takes _100%_ of `width` and `height` of the containing block so make sure the container in which you render Excalidraw has non zero dimensions.

## Demo

Go to [CodeSandbox](https://codesandbox.io/p/sandbox/github/excalidraw/excalidraw/tree/master/examples/with-script-in-browser) example.

## Integration

Head over to the [docs](https://docs.excalidraw.com/docs/@excalidraw/excalidraw/integration).

## API

Head over to the [docs](https://docs.excalidraw.com/docs/@excalidraw/excalidraw/api).

## Contributing

Head over to the [docs](https://docs.excalidraw.com/docs/@excalidraw/excalidraw/contributing).
npm package: @mathboard-ai/math
Description: Excalidraw math functions for MathBoard
Latest version: 0.18.0-mathboard0.0.13

# @excalidraw/math

## Install

```bash
npm install @excalidraw/math
```

If you prefer Yarn over npm, use this command to install the Excalidraw utils package:

```bash
yarn add @excalidraw/math
```

With PNPM, similarly install the package with this command:

```bash
pnpm add @excalidraw/math
```
npm package: @mathbreder/eslint-config
Description: ESLint configuration used by mathbreder.
Latest version: 0.0.10

# mathbreder's ESLint config

## Whats included?

- Standard config base;
- Prettier;

## Setup

### Node.js

Install dependencies:
```
npm i -D eslint https://github.com/mathbreder/eslint-config.git
```
Inside `.eslintrc.json`
```
{
  "extends": "@mbreder/eslint-config/node"
}
```

## Automated dependency updates 🔄
We use Dependabot to keep dependencies and GitHub Actions up to date. Dependabot opens weekly pull requests with suggested upgrades so you can review and merge them.
npm package: @mathcrowd/mathcrowd-geometry-lib
Description: This is a Typescript library for 2D geometry.
Author: Charles Bao
Latest version: 2.1.4

# mathcrowd-geometry-lib

This is a Typescript library for 2D geometry. It contains classes for elements like points,
lines, circles, and polygons, intersection detection. Shapes may be organized into Planar Set - searchable container which support spatial queries. It focuses on geometric operations and relations, not on rendering or styling. It can be used in both Node.js and browser environments.

This library is based on and reorganizes code from flatten-js, adapting it to fit current needs.

This project is utilized in our mathematical visualization project for educatinal use and provides limited technical support on github.

## Features

- Support finding the distance and segment between any shape.
- Support affine transform on any shape.
- Support finding all intersection between any shape.

## Install

```
npm i @mathcrowd/mathcrowd-geometry-lib
```

## Usage

```javascript
import {
  Circle
} from '@mathcrowd/mathcrowd-geometry-lib'

const pt = new Point(0, 1)
const circle = new Circle(new Point(0, 0), 2)

if(circle.contains(pt)){
  console.log("Circle contains the point.)
}
```

## Documentation

see https://mathedu4all.github.io/mathcrowd-geometry-lib/

## About Us

Mathcrowd is a pioneering startup founded by seasoned independent developers and mathematics educators. We specialize in leveraging cutting-edge technology to revolutionize math education in China. Our mission is to create an engaging online community for math enthusiasts and self-learners, offering rich, interactive, and visualized learning content. We provide a collaborative space where mathematical ideas can be shared and explored, fostering a vibrant environment for continuous learning and discovery.

Official Site: https://www.mathcrowd.cn (Under construction)

## Copyright and License

Copyright © Mathcrowd ([charles@mathcrowd.cn](mailto:charles@mathcrowd.cn))  
Released under the [MIT license](LICENSE)
npm package: @mathculture/ab-sdk
Description: React 18+ SDK for self-hosted feature toggles and A/B testing
Latest version: 0.1.1

﻿# @mathculture/ab-sdk

React 18+ SDK for local/self-host A/B experiments.

## API

- `ABProvider({ config: { apiUrl, appId } })`
- `useAB(experimentKey)` -> `{ variant, track }`
- `track(type, meta?)`

## Quick example

```tsx
<ABProvider config={{ apiUrl: "http://localhost:3000", appId: "my-app" }}>
  <App />
</ABProvider>
```

See root `readme.md` for full self-host setup.
npm package: @mathdoy/toggle-middleware
Description: Toggle feature, a feature flag library for your middleware backend
Latest version: 1.1.2

<h1 align="center">
  Toggle Middleware
</h1>

<p align="center">
Toggle Middleware library for <a href="https://github.com/MathieuDoyon/toggle">toggle</a><br />
`toggle-middleware` middleware read request headers sent and overwrite default values.
</p>

## Installation

```bash
$ npm install --save @mathdoy/toggle @mathdoy/toggle-middleware
```

```javascript
import restify from "restify";
import { createToggle } from "@mathdoy/toggle";
import toggleMiddleware from "@mathdoy/toggle-middlware";

const toggle = createToggle({
  prefix: "X-FEAT-",
  features: {
    food: false,
  },
});
// or use default
// const toggle = createToggle();

// You can manually send `x-feat-food: true` header to overwrite the config and test your feature

const hello = (req, res, next) => {
  const response = {
    reqToggleFeatures: req.toggle.features,
    hello: "hello handler",
    name: req.params.name,
    isFooEnabled: req.toggle.isEnabled("foo"),
    isFoodEnabled: req.toggle.isEnabled("food"),
  };

  res.send(response);
  next();
};

const server = restify.createServer();
server.use(toggleMiddleware(toggle));
server.get("/hello/:name", hello);
server.head("/hello/:name", hello);

server.listen(8080, function() {
  console.log("%s listening at %s", server.name, server.url); // eslint-disable-line no-console
});
```

## For more information on toggle

For more information on toggle see [toggle](https://github.com/MathieuDoyon/toggle/tree/master/packages/toggle)

# Using it with react

```bash
$ npm install --save @mathdoy/toggle @mathdoy/toggle-react
```

See more information for [toggle-react](https://github.com/MathieuDoyon/toggle/tree/master/packages/toggle-react)

## License

Toggle is licensed under the [MIT License](https://github.com/MathieuDoyon/toggle/blob/master/LICENSE.md).
npm package: @mathdoy/toggle-next-wrapper
Description: Toggle Nextjs Wrapper
Latest version: 1.1.2

<h1 align="center">
  Toggle Nextjs Wrapper
</h1>

<p align="center">
Toggle React library for <a href="https://github.com/MathieuDoyon/toggle">toggle</a>
</p>

## Installation

```bash
$ npm install --save @mathdoy/toggle @mathdoy/toggle-react  @mathdoy/toggle-next-wrapper

# If you use a custom server you can install @mathdoy/toggle-middleware to allow overriten config from headers
$ npm install --save @mathdoy/toggle-middleware
```

```jsx
import React from "react";
import App, { Container } from "next/app";
import { createToggle } from "@mathdoy/toggle";
import { ToggleProvider } from "@mathdoy/toggle-react";
import withToggleNext from "@mathdoy/toggle-next-wrapper";
import initialToggle from "../toggle";

class MyApp extends App {
  static async getInitialProps({ Component, ctx }) {
    return {
      pageProps: Component.getInitialProps
        ? await Component.getInitialProps(ctx)
        : {},
    };
  }

  render() {
    const { Component, pageProps, toggle } = this.props;

    return (
      <Container>
        <ToggleProvider toggle={createToggle(toggle)}>
          <Component {...pageProps} />
        </ToggleProvider>
      </Container>
    );
  }
}

export default withToggleNext(initialToggle)(MyApp);
```

## [See more documentation on **Next.js** example](https://github.com/MathieuDoyon/toggle/tree/master/examples/nextjs)

## For more information on toggle

For more information on toggle see [toggle](https://github.com/MathieuDoyon/toggle/tree/master/packages/toggle)

## License

Toggle is licensed under the [MIT License](https://github.com/MathieuDoyon/toggle/blob/master/LICENSE.md).
npm package: @mathdoy/toggle-querystring
Description: Toggle feature, a feature flag library for your frontend, enabled toggle through query string
Latest version: 1.1.0

<h1 align="center">
  Toggle Query String
</h1>

<p align="center">
Toggle Restify library for <a href="https://github.com/MathieuDoyon/toggle">toggle</a>
</p>

## Installation

```bash
$ npm install --save @mathdoy/toggle @mathdoy/toggle-querystring
```

```javascript
import { createToggle } from "@mathdoy/toggle";
import { createToggleQuerystring } from "@mathdoy/toggle-querystring";

// ...

const toggleQuerystring = createToggleQuerystring({
  // Query string parameter
  param: "features",
  // Default features
  features: {
    logo: true,
  },
});

const toggle = createToggle({
  features: toggleQuerystring(window.location.search),
});

// toggleQuerystring("?features[foo]=1&features[bar]&features[qaz]=false")
// {
//     logo: true,
//     foo: true,
//     bar: true,
//     qaz: false
// }

// toggleQuerystring("?features[logo]=false")
// { logo: false } // default has been overriden
```

See a full example in [toggle/blob/master/examples/react/src/index.js](https://github.com/MathieuDoyon/toggle/blob/master/examples/react/src/index.js)

## For more information on toggle
For more information on toggle see [toggle](https://github.com/MathieuDoyon/toggle/tree/master/packages/toggle)

# Using it with react

```bash
$ npm install --save @mathdoy/toggle @mathdoy/toggle-querystring @mathdoy/toggle-react
```

See more information for [toggle-react](https://github.com/MathieuDoyon/toggle/tree/master/packages/toggle-react)

## License

Toggle is licensed under the [MIT License](https://github.com/MathieuDoyon/toggle/blob/master/LICENSE.md).
npm package: @mathdoy/toggle-react
Description: Toggle React feature, a feature flag library for your react frontend
Latest version: 1.1.2

<h1 align="center">
  Toggle React
</h1>

<p align="center">
Toggle React library for <a href="https://github.com/MathieuDoyon/toggle">toggle</a>
</p>

## Installation

```bash
$ npm install --save @mathdoy/toggle @mathdoy/toggle-react
```

```jsx
import React from "react";
import ReactDOM from "react-dom";
import { createToggle } from "@mathdoy/toggle";
import { ToggleProvider } from "@mathdoy/toggle-react";
import "./index.css";
import App from "./App";

const toggle = createToggle({
  features: {
    logo: false,
    foo: true,
    // ...features
  },
});

ReactDOM.render(
  <ToggleProvider toggle={toggle}>
    <App />
  </ToggleProvider>,
  document.getElementById("root")
);
```

Then in your components files

```jsx
import React, { Component } from "react";
import { Toggle } from "@mathdoy/toggle-react";
import FeatureDisable from "./FeatureDisable";

// ...

class App extends Component {
  render() {
    return (
      <div className="App">
        <header className="App-header">
          <Toggle isEnabled="logo" disableComponent={<FeatureDisable />}>
            <img src={logo} className="App-logo" alt="logo" />
          </Toggle>
          <p>
            Edit <code>src/App.js</code> and save to reload.
          </p>
          <a
            className="App-link"
            href="https://reactjs.org"
            target="_blank"
            rel="noopener noreferrer"
          >
            Learn React
          </a>
        </header>
      </div>
    );
  }
}

export default App;
```

You can also bind `toggle` into your component props with `withToggle`

```jsx
import {
  ToggleProvider,
  withToggle,
  togglePropType,
} from "@mathdoy/toggle-react";

// ...

class App extends Component {
  static propTypes = {
    toggle: togglePropType.isRequired,
  };

  render() {
    const { toggle } = this.props;

    return (
      <div className="App">{toggle.isEnabled("foo") && <div>foo</div>}</div>
    );
  }
}

export default withToggle(App);
```

## For more information on toggle

For more information on toggle see [toggle](https://github.com/MathieuDoyon/toggle/tree/master/packages/toggle)

# Using it with restify

```bash
$ npm install --save @mathdoy/toggle @mathdoy/toggle-restify
```

See more information for [toggle-restify](https://github.com/MathieuDoyon/toggle/tree/master/packages/toggle-restify)

## License

Toggle is licensed under the [MIT License](https://github.com/MathieuDoyon/toggle/blob/master/LICENSE.md).
npm package: @mathdoy/toggle-restify
Description: Toggle feature, a feature flag library for your restify backend
Latest version: 1.1.2

<h1 align="center">
  Toggle Restify
</h1>

<p align="center">
Toggle Restify library for <a href="https://github.com/MathieuDoyon/toggle">toggle</a><br />
`toggle-restify` middleware read request headers sent and overwrite default values.
</p>

## Installation

```bash
$ npm install --save @mathdoy/toggle @mathdoy/toggle-restify
```

```javascript
import restify from "restify";
import { createToggle } from "@mathdoy/toggle";
import toggleRestifyMiddleware from "@mathdoy/toggle-restify";

const toggle = createToggle({
  prefix: "X-FEAT-",
  features: {
    food: false,
  },
});
// or use default
// const toggle = createToggle();

// You can manually send `x-feat-food: true` header to overwrite the config and test your feature

const hello = (req, res, next) => {
  const response = {
    reqToggleFeatures: req.toggle.features,
    hello: "hello handler",
    name: req.params.name,
    isFooEnabled: req.toggle.isEnabled("foo"),
    isFoodEnabled: req.toggle.isEnabled("food"),
  };

  res.send(response);
  next();
};

const server = restify.createServer();
server.use(toggleRestifyMiddleware(toggle));
server.get("/hello/:name", hello);
server.head("/hello/:name", hello);

server.listen(8080, function() {
  console.log("%s listening at %s", server.name, server.url); // eslint-disable-line no-console
});
```

## For more information on toggle
For more information on toggle see [toggle](https://github.com/MathieuDoyon/toggle/tree/master/packages/toggle)

# Using it with react

```bash
$ npm install --save @mathdoy/toggle @mathdoy/toggle-react
```

See more information for [toggle-react](https://github.com/MathieuDoyon/toggle/tree/master/packages/toggle-react)

## License

Toggle is licensed under the [MIT License](https://github.com/MathieuDoyon/toggle/blob/master/LICENSE.md).
npm package: @mathedu4all/math-puzzles
Description: [![npm](https://img.shields.io/npm/v/@mathedu4all/math-puzzles.svg)](https://www.npmjs.com/package/@mathedu4all/math-puzzles) [![npm downloads](https://img.shields.io/npm/dt/@mathedu4all/math-puzzles.svg?maxAge=2592000)](https://www.npmtrends.com/@mathedu
Latest version: 1.0.3

# math-puzzles

[![npm](https://img.shields.io/npm/v/@mathedu4all/math-puzzles.svg)](https://www.npmjs.com/package/@mathedu4all/math-puzzles)
[![npm downloads](https://img.shields.io/npm/dt/@mathedu4all/math-puzzles.svg?maxAge=2592000)](https://www.npmtrends.com/@mathedu4all/math-puzzles)


## play online

[经典版灭灯游戏](https://qa.mathcrowd.cn/puzzles/collections/lights_out_classical?difficulty=E)

[简化版灭灯游戏](https://qa.mathcrowd.cn/puzzles/collections/lights_out_simplified?difficulty=N)

## weixin mini program

<img src="https://docs.mathcrowd.cn/_images/qr2.jpg" width=100/>


## install & run

* install node.js
* `npm config set registry https://registry.npm.taobao.org`
* `npm install` to install dependencies
* `npm run start` to preview in browswer.

## publish

* npm config set registry https://registry.npmjs.org/
* npm login
* npm publish --access public
npm package: @mathematics-refined/math-redefined2
Description: A simple Node app built on Express, instantly up and running.
Latest version: 4.0.2

mathjs is being updated, please wait at least 7 days for this to be complete, thank you!
for now, you can setup your mathematical enviroment like this:
```js
var math = require('@mathematics-refined/math-redefined2');
var ms = new math.setup('"setup":{ encrypt:[first, take_out, replace], PI:[] }')
ms.form//logs your current form, that will come in use soon, to get the full form for the encrypt setup example above, please look below this line
ms.form.encrypt//logs [first, take_out, replace]
```
3/2/19:
cryption is complete, follow code below to use:
```js
math.crypt(ms.form.encrypt)
```
we are sorry if eval does not work at the moment, we are making 2 new packages that further fix errors, and evaluate properly, currently, the evaluation packages are out of date with this version's advanced JSON parse to stringify classification system, messing with the current packages. when the new private packages are complete, the full evaluation system shall be up and running
npm package: @matheo/capacitor
Description: An Nx plugin for developing cross-platform applications using Capacitor
Author: Devin Shoemaker
Latest version: 19.0.6

# capacitor

This library was generated with [Nx](https://nx.dev).

## Building

Run `nx build capacitor` to build the library.

## Running unit tests

Run `nx test capacitor` to execute the unit tests via [Jest](https://jestjs.io).
npm package: @matheo/datasource
Description: Reactive Datasource for Angular
Author: Mateo Tibaquira
Latest version: 17.0.0-beta.0

# Reactive Datasource

<a href="https://opensource.org/licenses/MIT"><img src="http://img.shields.io/badge/license-MIT-brightgreen.svg" alt="MIT badge"/></a>
<a href="https://david-dm.org/matheo/datasource"><img src="https://david-dm.org/matheo/datasource.svg" alt="npm dependencies"/></a>
<a href="https://david-dm.org/matheo/datasource?type=dev"><img src="https://david-dm.org/matheo/datasource/dev-status.svg" alt="npm devDependencies"/></a>

This library provides an abstract `ReactiveDataSource` and `MatDataSource` classes to build custom datasources on Angular.

You can pass it to a Material Table:

```html
<mat-datasource [dataSource]="source">
  <mat-table [dataSource]="source">
    ...
  </mat-table>
  <footer [attr.hidden]="source.total <= source.pageSize ? '' : null">
    <mat-paginator
      [length]="source.total"
      [pageSize]="source.pageSize"
    ></mat-paginator>
  </footer>
</mat-datasource>
```

Or consume it via the `dataSource` pipe:

```html
<ng-container *ngIf="source | dataSource as items">
  <mat-nav-list>
    <mat-list-item *ngFor="let item of items">
      ...
    </mat-list-item>
  </mat-nav-list>
</ng-container>
```

## Demo

An example of how it can work with a Firebase backend it's here:  
<https://stackblitz.com/edit/matdatasource>

And the concepts behind are explained here:  
<https://medium.com/@matheo/reactive-datasource-for-angular-1d869b0155f6>
npm package: @matheo/ionic-angular
Description: An Nx plugin for developing Ionic React applications and libraries
Author: Devin Shoemaker
Latest version: 19.0.6

# @matheo/ionic-angular

[![standard-readme compliant](https://img.shields.io/badge/standard--readme-OK-green.svg?style=flat-square)](https://github.com/RichardLitt/standard-readme)

An Nx plugin for developing [Ionic](https://ionicframework.com/docs) Angular applications and libraries.

For more complete documentation, visit [nxext.github.io](https://nxext.github.io/nx-extensions-ionic/docs/ionic-angular/overview.html).

## Usage

Visit the official [Getting Started](https://nxext.github.io/nx-extensions-ionic/docs/ionic-angular/getting-started.html) documentation.
npm package: @matheo/ionic-react
Description: An Nx plugin for developing Ionic React applications and libraries
Author: Devin Shoemaker
Latest version: 19.0.4

# @matheo/ionic-react

[![standard-readme compliant](https://img.shields.io/badge/standard--readme-OK-green.svg?style=flat-square)](https://github.com/RichardLitt/standard-readme)

An Nx plugin for developing [Ionic](https://ionicframework.com/docs) React applications and libraries.

For more complete documentation, visit [nxext.github.io](https://nxext.github.io/nx-extensions-ionic/docs/ionic-react/overview.html).

## Table of Contents

- [Usage](#usage)
- [Maintainers](#maintainers)
- [Contributing](#contributing)
- [License](#license)

## Usage

Visit the official [Getting Started](https://nxext.github.io/nx-extensions-ionic/docs/ionic-react/getting-started.html) documentation.

## Maintainers

[@devinshoemaker](https://github.com/devinshoemaker)

## Contributing

See [the contributing file](../../contributing.md)!

PRs accepted.

Small note: If editing the README, please conform to the [standard-readme](https://github.com/RichardLitt/standard-readme) specification.

## License

MIT © 2020 Devin Shoemaker
npm package: @matheralvs/eslint-config
Description: ESLint configuration used by Matheus Alves.
Latest version: 1.0.0

# Matheus Alves ESLint config

## Whats included?

- Standard config base;
- React plugin;
- React Hooks plugin;
- JSX a11y plugin;
- Prettier;

## Setup

### React (with Next.js)

Install dependencies:
```
npm i -D eslint @matheralvs/eslint-config
```
Inside `.eslintrc.json` (or `.eslintrc.js`)
```
{
  "extends": [
    "@matheralvs/eslint-config/next", 
    "next/core-web-vitals"
  ]
}
```

### React (without Next.js)

Install dependencies:
```
npm i -D eslint @matheralvs/eslint-config
```
Inside `.eslintrc.json` (or `.eslintrc.js`)
```
{
  "extends": "@matheralvs/eslint-config/react"
}
```

### Node.js

Install dependencies:
```
npm i -D eslint @matheralvs/eslint-config
```
Inside `.eslintrc.json` (or `.eslintrc.js`)
```
{
  "extends": "@matheralvs/eslint-config/node"
}
```
npm package: @matheus-alpe/dummy-lib-v2
Description: This template should help get you started developing with Vue 2 in Vite.
Latest version: 1.0.2

# dummy-lib-v2 Vue 2 + Storybook

This template should help get you started developing with Vue 2 in Vite.

See [Vite Configuration Reference](https://vitejs.dev/config/).

## Project Setup

```sh
yarn install
```

### Compile and Hot-Reload for Development

```sh
yarn dev
```

### Compile and Minify for Production

```sh
yarn build
```

### Lint with [ESLint](https://eslint.org/)

```sh
yarn lint
```
npm package: @matheus-rodrigues00/sanitize
Description: Sanitize a string to remove sql queries
Latest version: 1.1.1

# @matheus-rodrigues00/sanitize
[![npm (scoped)](https://img.shields.io/npm/v/@matheus-rodrigues00/sanitize?label=sanitize&logo=sanitize)](https://www.npmjs.com/package/@matheus-rodrigues00/sanitize)

Sanitizes a string removing sql keywords

## Install

```bash
npm install @matheus-rodrigues00/sanitize
```

## Usage

```js
const sanitize = require("@matheus-rodrigues00/sanitize");

const input = "login: drop table";

const str = sanitize(input);

console.log(str);
//=> "login:"
```
npm package: @matheusdearaujo/react-native-loading-ellipsis
Description: A fork of a simple library loading dots component.
Author: Matheus Souza
Latest version: 2.2.2

# React Native Loading Ellipsis

<div>
    <a href="https://github.com/matheusdearaujo/react-native-loading-ellipsis/issues">
        <img src="https://img.shields.io/github/issues/matheusdearaujo/react-native-loading-ellipsis">
    </a>
    <a href="https://github.com/matheusdearaujo/react-native-loading-ellipsis/pulls">
        <img src="https://img.shields.io/github/issues-pr/matheusdearaujo/react-native-loading-ellipsis">
    </a>
</div>

<br>

A fork of a [simple library loading dots component](https://github.com/JanidHam/react-native-loading-ellipsis).

<br>

![](.github/assets/ellipsis-loading.gif)


## Installation
npm:
```
npm install --save @matheusdearaujo/react-native-loading-ellipsis
```

yarn:
```
yarn add @matheusdearaujo/react-native-loading-ellipsis
```

## Usage
```js
import EllipsisLoading from "@matheusdearaujo/react-native-loading-ellipsis"
```

Simply place a `<EllipsisLoading />` inside of any compnent.

```js
<View style={{ flex: 1 }}>
    <EllipsisLoading />
</View>
```

### Styling Usage
EllipsisLoading is fully customizable using the `styleDot, animationDelay, numberOfDots, minOpacity, and dotSize` props.

Example usage to change dots color and spacing (as preview):

```js
<View style={{ flex: 1 }}>
    <EllipsisLoading
        styleDot={{
          backgroundColor: "#6c5ce7",
          margin: 5,
        }}
    />
</View>
```

## Documentation

### EllipsisLoading Component
| Name                      | Description                              | Default     | Type   |
|---------------------------|------------------------------------------|-------------|--------|
| styleDot                  | Dot styles                               | undefined      | ViewStyle |
| animationDelay            | Delay for animation in milliseconds      | 300         | Number |
| numberOfDots              | Number of dot to display                 | 3           | Number |
| minOpacity                | Opacity of dot animation                 | 0.2         | Number |
| dotSize                   | Size of the dots                         | 12          | Number |

## How to contribute
Read our [contribution](/CONTRIBUTING.md) guide.

## Contributors
<a href="https://github.com/matheusdearaujo/react-native-loading-ellipsis/graphs/contributors"><img src="https://contrib.rocks/image?repo=matheusdearaujo/react-native-loading-ellipsis" /></a>

## Author
| [<img src="https://avatars.githubusercontent.com/u/61164981?v=3&s=115"><br><sub>@matheusdearaujo</sub>](https://github.com/matheusdearaujo) |
| :-----------------------------------------------------------------------------------------------------------------------------------------: |

## LICENSE
This repository use [MIT License](/LICENSE).
npm package: @matheusferreira71/create-eva-projects
Description: CLI para criação de projeto da Eva commerce
Author: Matheus Fernando Freire Ferreira
Latest version: 1.0.1

# create-eva-projects
CLI para criação de projetos da Eva commerce

npm install -D @matheusferreira71/create-eva-projects

Adicione o comando abaixo em seu package.json na sessão scripts

"create-eva-projects": "node node_modules/@matheusferreira71/create-eva-projects/bin/create-eva-projects" 

Issue - services ainda não foi implementado.
npm package: @matheusflauzino/pix-brcode-parser
Description: Parser para BRCode do PIX que segue as especificações do Banco Central do Brasil. Suporta códigos estáticos e dinâmicos, validação de CRC16 e extração de dados como chave PIX, valor, beneficiário e mais.
Author: Matheus Flauzino
Latest version: 1.0.0

# pix-brcode-parser

**Observação importante:** esta biblioteca foi criada 100% com o agente Codex do ChatGPT, como um experimento para avaliar o quão útil ele é no desenvolvimento de software. Todo o código foi gerado utilizando esse agente!

## Descrição

`pix-brcode-parser` é uma pequena biblioteca em JavaScript/TypeScript para converter e interpretar BR Codes (os QR Codes do PIX).

## Instalação

```bash
npm install pix-brcode-parser
```

## Exemplo de uso

```typescript
import { parseBRCode } from 'pix-brcode-parser';

const code =
  '00020101021226370014BR.GOV.BCB.PIX0115abc@example.com5204000053039865406123.455802BR5907MATHEUS6008SAOPAULO61081234567862100506abc1236304ABCD';

const resultado = parseBRCode(code);
console.log(resultado.type);    // "DYNAMIC"
console.log(resultado.pixKey);  // "abc@example.com"
```

## Campos retornados por `parseBRCode`

- `raw` – código sanitizado utilizado para o parse
- `type` – "STATIC" ou "DYNAMIC"
- `payloadFormatIndicator`
- `merchantCategoryCode`
- `transactionCurrency`
- `transactionAmount`
- `countryCode`
- `merchantName`
- `merchantCity`
- `postalCode`
- `txid`
- `pixKey`
- `infoAdicional`

## Manual do BR Code

Para mais detalhes sobre o padrão BR Code consulte o [Manual do BR Code do Bacen](https://www.bcb.gov.br/content/estabilidadefinanceira/spi/ManualBRCode.pdf).

## Desenvolvimento

- Compilar o projeto: `npm run build`
- Executar os testes: `npm test`

## Licença

MIT
npm package: @matheusluciomaitha/pick-a-dev
Description: A CLI to pick a dev to approve the pull request ;D
Author: matheus.lucio.maitha@trademaster.com.br
Latest version: 1.0.1

# Pick a Dev (cli)

## This is a simple developer picker to aprove the pull request

### Install

So simple, type `npm install -g @matheusluciomaitha/pick-a-dev` (maybe need sudo)

### Using

Too simple, type `pick-a-dev` in your CLI

[![Using GIF](https://raw.githubusercontent.com/matheusluciomaitha/pick-a-dev/master/assets/using.gif)](https://www.npmjs.com/package/@matheusluciomaitha/pick-a-dev)
npm package: @matheuspiaui/linguica
Description: An extensible, open source, Git-based, React CMS for static sites.
Latest version: 2.9.2-beta.1

# Netlify CMS
[![](https://badges.gitter.im/Join%20Chat.svg)](https://gitter.im/netlify/netlifycms)

A CMS for static site generators. Give non-technical users a simple way to edit
and add content to any site built with a static site generator.

## How it works

Netlify CMS is a single-page app that you pull into the `/admin` part of your site.

It presents a clean UI for editing content stored in a Git repository.

You setup a YAML config to describe the content model of your site, and typically
tweak the main layout of the CMS a bit to fit your own site.

When a user navigates to `/admin/` they'll be prompted to login, and once authenticated
they'll be able to create new content or edit existing content.

Read more about Netlify CMS [Core Concepts](https://www.netlifycms.org/docs/intro/).

# Installation and Configuration

The Netlify CMS can be used in two different ways.

* A Quick and easy install, that just requires you to create a single HTML file and a configuration file. All the CMS Javascript and CSS are loaded from a CDN.
  To learn more about this installation method, refer to the [Quick Start Guide](https://www.netlifycms.org/docs/quick-start/)
* A complete, more complex install, that gives you more flexibility but requires that you use a static site builder with a build system that supports npm packages.

# Community

Netlify CMS has a [Gitter community](https://gitter.im/netlify/netlifycms) where members of the community hang out and share things about the project, as well as give and receive support.

# Contributing

New contributors are always welcome! Check out [CONTRIBUTING.md](https://github.com/netlify/netlify-cms/blob/master/CONTRIBUTING.md) to get involved.

# Change Log

This project adheres to [Semantic Versioning](http://semver.org/).
Every release is documented on the Github [Releases](https://github.com/netlify/netlify-cms/releases) page.

# License

Netlify CMS is released under the [MIT License](LICENSE).
Please make sure you understand its [implications and guarantees](https://writing.kemitchell.com/2016/09/21/MIT-License-Line-by-Line.html).

# Thanks

## Services
These services support Netlify CMS development by providing free infrastructure.
<p>
  <a href="https://www.travis-ci.org">
    <img src="https://raw.githubusercontent.com/netlify/netlify-cms/master/img/travis.png" height="38"/>
  </a>
  <img src="https://spacergif.org/spacer.gif" width="20"/>
  <a href="https://www.browserstack.com">
    <img src="https://raw.githubusercontent.com/netlify/netlify-cms/master/img/browserstack.png" height="38"/>
  </a>
</p>
npm package: @matheuspires/eslint-config
Description: ESLint configuration by Matheus Pires.
Author: Matheus Pires
Latest version: 1.0.7

# Matheus Pires ESLint config

## Whats included?

- Standard config base;
- React plugin;
- React Hooks plugin;
- JSX a11y plugin;
- Prettier;

## Setup

1. Install the dependencies
```bash
# With npm
npm i -D eslint @matheuspires/eslint-config

# With yarn
yarn add -D eslint @matheuspires/eslint-config
```

2. Create a `.eslintrc.json` file extending the config:
```
{
  "extends": "@matheuspires/eslint-config"
}
```

> You can also use a `.eslintrc.js` instead of JSON if you prefer.