open-index/open-npm huggingface dataset:
npm package: @jstarmx/react-navigation-tabs
Description: Tab Navigation components for React Navigation
Author: Satyajit Sahoo
Latest version: 2.7.2

This package has been moved to https://github.com/react-navigation/react-navigation/tree/4.x

---

# React Navigation Tabs

[![Build Status][build-badge]][build]
[![Version][version-badge]][package]
[![MIT License][license-badge]][license]

Tab navigators for React Navigation.

## Installation

Follow the instructions on the [the React Navigation "Getting Started" guide](https://reactnavigation.org/docs/en/getting-started.html), and then add the `react-navigation-tabs` package to your project.

## Usage

The package exports two different navigators:

- `createBottomTabNavigator`: iOS like bottom tabs.
- `createMaterialTopTabNavigator`: Material design themed top tabs with swipe gesture, from [react-native-tab-view](https://github.com/react-native-community/react-native-tab-view).

You can import individual navigators and use them:

```js
import { createBottomTabNavigator } from 'react-navigation-tabs';

export default createBottomTabNavigator({
  Album: { screen: Album },
  Library: { screen: Library },
  History: { screen: History },
  Cart: { screen: Cart },
});
```

You can install another package, [`react-navigation-material-bottom-tabs`](https://github.com/react-navigation/material-bottom-tabs), to use a third type of tab navigator:

- `createMaterialBottomTabNavigator`: Material design themed animated bottom tabs, from [react-native-paper](https://callstack.github.io/react-native-paper/bottom-navigation.html).

```js
import { createMaterialBottomTabNavigator } from 'react-navigation-material-bottom-tabs';

export default createMaterialBottomTabNavigator(
  {
    Album: { screen: Album },
    Library: { screen: Library },
    History: { screen: History },
    Cart: { screen: Cart },
  },
  {
    initialRouteName: 'Album',
    activeTintColor: '#F44336',
  },
);
```

## Development workflow

To setup the development environment, open a Terminal in the repo directory and run the following:

```sh
yarn bootstrap
```

While developing, you can run the example app with [Expo](https://expo.io/) to test your changes:

```sh
yarn example start
```

Make sure your code passes TypeScript and ESLint. Run the following to verify:

```sh
yarn typescript
yarn lint
```

To fix formatting errors, run the following:

```sh
yarn lint --fix
```

## Docs

- [`createBottomTabNavigator`](https://reactnavigation.org/docs/en/bottom-tab-navigator.html)
- [`createMaterialTopTabNavigator`](https://reactnavigation.org/docs/en/material-top-tab-navigator.html)

<!-- badges -->
[build-badge]: https://img.shields.io/circleci/project/github/react-navigation/tabs/master.svg?style=flat-square
[build]: https://circleci.com/gh/react-navigation/tabs
[version-badge]: https://img.shields.io/npm/v/react-navigation-tabs.svg?style=flat-square
[package]: https://www.npmjs.com/package/react-navigation-tabs
[license-badge]: https://img.shields.io/npm/l/react-navigation-tabs.svg?style=flat-square
[license]: https://opensource.org/licenses/MIT
npm package: @jstarpl/mml-iterator
Description: MML(Music Macro Language) Iterator
Latest version: 1.2.1

# mml-iterator
[![Build Status](http://img.shields.io/travis/mohayonao/mml-iterator.svg?style=flat-square)](https://travis-ci.org/mohayonao/mml-iterator)
[![NPM Version](http://img.shields.io/npm/v/mml-iterator.svg?style=flat-square)](https://www.npmjs.org/package/mml-iterator)
[![License](http://img.shields.io/badge/license-MIT-brightgreen.svg?style=flat-square)](http://mohayonao.mit-license.org/)

# MML(Music Macro Language) Iterator

This is a fork of the (`mml-iterator`)[https://github.com/mohayonao/mml-iterator] by _mohayonao_, with some syntax extensions for greater compatibility with songs that can be found on the internet. Should be syntax backwards-compatible with the original, but it has been refactored into an ES module.

## Installation

```
$ npm install @jstarpl/mml-iterator
```

## API
### MMLIterator
- `constructor(source: string)`

#### Instance methods
- `next(): { done: boolean, value: object }`
- `[Symbol.iterator]: self`

## Example

```js
import MMLIterator from "@jstarpl/mml-iterator";

let iter = new MMLIterator("t200 o6 l8 e g > e c d g");

for (let noteEvent of iter) {
  console.log(noteEvent);
}
```

```js
{ type: "note", time: 0.00, duration: 0.15, noteNumber:  88, velocity: 100, quantize: 75 }
{ type: "note", time: 0.15, duration: 0.15, noteNumber:  91, velocity: 100, quantize: 75 }
{ type: "note", time: 0.30, duration: 0.15, noteNumber: 100, velocity: 100, quantize: 75 }
{ type: "note", time: 0.45, duration: 0.15, noteNumber:  96, velocity: 100, quantize: 75 }
{ type: "note", time: 0.60, duration: 0.15, noteNumber:  98, velocity: 100, quantize: 75 }
{ type: "note", time: 0.75, duration: 0.15, noteNumber: 103, velocity: 100, quantize: 75 }
{ type: "end", time: 0.9 }
```

## MML Syntax
### NoteEvent
- [__cdefgab__][__-+__]?(\\d+)?\\.*
  - note on (default: l)
  - e.g. `c e-8. g16`
- __[__ ([__cdefgab__][__-+__]?|[__<>__])+ __]__(\\d+)?\\.*
  - chord (default: l)
  - e.g. `[ >g<ce ]2 [ >gb<d ]2 [ >g<ce ]1`
- [__rp__](\\d+)?\\.*
  - rest (default: l)
  - e.g. `l16 crcc crcc crccr crcc`

### NoteLength
- __l__(\\d+)?\\.*
  - length (default: 4)
  - e.g. `l8 cc l4 e l2 g`
- __^__(\\d+)?\\.*
  - tie (default: l)
  - e.g `l16 c^^ e^^ g^`
- __q__(\\d+)?
  - quantize (default: 75)
  - e.g. `l16 q50 crcc crcc crcc crcc`

### NotePitch
- __o__(\\d+)?
  - octave (default: 4)
  - e.g. `o4 ceg o5 c`
- __>__(\\d+)?
  - octave up (default: 1)
  - e.g. `ceg < c`
- __<__(\\d+)?
  - octave down (default: 1)
  - e.g. `c > gec`

### Control
- __t__(\\d+)?
  - tempo (default: 120)
  - e.g. `t140 cdefgab<c`
- __v__(\\d+)?
  - velocity (default: 100)
  - e.g. `v75 c v50 e v25 g`
- __$__
  - infinite loop
  - e.g. `l2 $ [fa<ce] [gb<d] [egb<d] [ea<c]`
- __/:__ ... __|__ ... __:/__(\\d+)?
  - loop (default: 2)
  - commands after __|__ are skipped in the last loop
  - e.g. `l2 /: [fa<ce] [gb<d] [egb<d] | [ea<c] :/4 [eg<c]`

## License

MIT
npm package: @jstb/catalyst
Description: React Functional Component Generator in Atomic and Lego architecture in JavaScript and TypeScript
Author: Tirtha Guha
Latest version: 1.7.6

# @jstb/catalyst

Configurable Component Generator for React

## Usage

### Installation with NPM

```bash
npm install @jstb/catalyst
```

### Add as a script in `package.json`

```json
"scripts": {
  "generate": "catalyst"
},
```

### Run on terminal

```bash
npm run generate
```

## Configurations

Customizations can be configured in `package.json` in the following format.

```json
"catalystConfig":{
  "styling":"scss"
  ...
},
```

The options available are
|OPTION|DEFAULT|VALUES|DESCRIPTION|
|------|-------|------|-----------|
|lang| auto detect (looks for `tsconfig.json` at the project root) |`"js"`, `"ts"`|Components in JS or TSX|
|arch|`"none"`| `"atomic"`, `"lego"` or `"none"`|It follows Brad Frosts Atomic Design pattern for generating components(Atoms, Molecules Organisms, Templates and Pages). Alternatively, you can generate Lego Design Pattern(Bricks and Sets). You can also chose none, where there will be a flat directory structure|
|skipStories|`false`|`false`, `true`| If you are not using storybooks or don't want the `.story.js` or `.story.ts` to be created.
|skipTests|`false`|`false`, `true`| If you do not want to start writing unit tests yet. _(who am I to judge...)_ .
|targetBasePath|`src/[components/containers]`|any directory path relative to project root|If you want to create the components in a different location in your project. **Useful if you're using monorepos**|
|styling|`css`|`css` or `scss` or `less`|
npm package: @jstb/kickstart
Description: npx tool to add vscode settings, vscode extensions, prettier etc to a JS or TS Repository
Author: Tirtha Guha
Latest version: 1.0.3

# Setup Repo

This package provides tools and scripts to set up a new JavaScript/TypeScript repository with best practices and common configurations.

## Features

- Configure Prettier, EditorConfig for code formatting
- Configure common vscode extensions and settings

## Usage

Run the following command in :

```bash
npx @jstb/kickstart
```

Or

Install as a global package and use it.

```bash
npm i --global @jstb/kickstart
npm @jstb/kickstart
```

Follow the prompts to configure your project.

## Contributing

Contributions are welcome! Please open an issue or submit a pull request.

## License

This project is licensed under the MIT License.
npm package: @jstb/num-to-words-indian
Description: Number to Words converter in Indian Number System
Author: Tirtha Guha
Latest version: 1.0.1

# num-to-words

Library to convert whole numbers to english words in Indian System

Works upto lakhs

## How to use

### Install

`npm install @jstb/num-to-words-indian`

### Use in code

```javascript
import numberToWords from "@jstb/num-to-words-indian";

const amount = 10101;

const amountInWords = numberToWords(amount);
//Should return `ten thousand one hundred and one`
```
npm package: @jstb/package-json-reader
Description: Read Package JSON at Project Root Level in json format and extract configurations
Author: Tirtha Guha
Latest version: 1.0.0

# @jstb/package-json-reader

Utility to read packageJSON in project root level.

---

## Installation

```bash
npm install --save-dev @jstb/package-json-reader
```

## Usage

In your code

```javascript
import packageJSONConfig from "@jstb/package-json-reader";

const scripts = packageJSONConfig("scripts");

console.log(scripts);
// prints
// {
//   "dev": "next dev",
//   "build": "next build",
//   "start": "next start",
//   "lint": "next lint",
//   "generate":"catalyst"
// }
```