open-index/open-npm huggingface dataset:
npm package: @jamest-esparter/react-bootstrap-table-next
Description: Next generation of react-bootstrap-table
Author: AllenFang
Latest version: 3.2.8

# react-bootstrap-table-next
Next generation of [`react-bootstrap-table`](https://github.com/AllenFang/react-bootstrap-table)

## Usage

### Installation

```sh
npm install react-bootstrap-table-next --save
```

### Include CSS

> react-bootstrap-table2 need you to add bootstrap css in your application firstly. About bootstrap css, we only compatible with bootstrap 3 but will start to compatible for bootstrap 4 on v0.2.0

```js
// es5 
require('react-bootstrap-table-next/dist/react-bootstrap-table2.min.css');

// es6
import 'react-bootstrap-table-next/dist/react-bootstrap-table2.min.css';
```

### Your First Table

```js
import BootstrapTable from 'react-bootstrap-table-next';

const products = [ ... ];
const columns = [{
  dataField: 'id',
  text: 'Product ID'
}, {
  dataField: 'name',
  text: 'Product Name'
}, {
  dataField: 'price',
  text: 'Product Price'
}];

export default () =>
  <BootstrapTable keyField='id' data={ products } columns={ columns } />
```
npm package: @jamest-esparter/react-bootstrap-table2-overlay
Description: it's a loading overlay addons for react-bootstrap-table2
Author: AllenFang
Latest version: 2.0.2

# react-bootstrap-table2-overlay
In `react-bootstrap-table2`, you will be easier to custom the loading or lverlay on table no matter if remote enabled or not. In the following, we have two way to do it:

-----

## Empty Table
[**`noDataIndication`**](https://react-bootstrap-table.github.io/react-bootstrap-table2/docs/table-props.html#nodataindication-function) is a simple case you can take it, if current data size is empty, `react-bootstrap-table2` will call the `noDataIndication` prop and get the result to display on the table.   

[**Here**](https://react-bootstrap-table.github.io/react-bootstrap-table2/storybook/index.html?selectedKind=EmptyTableOverlay) is a quick exmaple for `noDataIndication`.

## Loading Table
In the most of case for remote mode, you need the loading animation to tell the user the table is loading or doing some action in the background. Hence, you can lervarge [**`overlay`**](https://react-bootstrap-table.github.io/react-bootstrap-table2/docs/table-props.html#overlay-function) prop.

[**Here**](https://react-bootstrap-table.github.io/react-bootstrap-table2/storybook/index.html?selectedKind=EmptyTableOverlay) is also a example for `overlay`
npm package: @jamest-esparter/react-scripts
Description: Configuration and scripts for Create React App.
Latest version: 0.0.9

# react-scripts

This package includes scripts and configuration used by [Create React App](https://github.com/facebookincubator/create-react-app).<br>
Please refer to its documentation:

* [Getting Started](https://github.com/facebookincubator/create-react-app/blob/master/README.md#getting-started) – How to create a new app.
* [User Guide](https://github.com/facebookincubator/create-react-app/blob/master/packages/react-scripts/template/README.md) – How to develop apps bootstrapped with Create React App.
npm package: @jamest-esparter/react-scripts-custom
Description: Customized version of create react app scripts that add SASS and a few other things.
Latest version: 0.4.0

# react-scripts

This package includes scripts and configuration used by [Create React App](https://github.com/facebookincubator/create-react-app).<br>
Please refer to its documentation:

* [Getting Started](https://github.com/facebookincubator/create-react-app/blob/master/README.md#getting-started) – How to create a new app.
* [User Guide](https://github.com/facebookincubator/create-react-app/blob/master/packages/react-scripts/template/README.md) – How to develop apps bootstrapped with Create React App.
npm package: @jamestalmage/babel-template
Description: Generate an AST from a string template.
Author: Sebastian McKenzie
Latest version: 6.3.13

# babel-template

> Generate an AST from a string template.

## Install

```sh
$ npm install babel-template
```

## Usage

```js
import template from 'babel-template';
import generate from 'babel-generator';
import * as t from 'babel-types';

const buildRequire = template(`
  var IMPORT_NAME = require(SOURCE);
`);

const ast = buildRequire({
  IMPORT_NAME: t.identifier('myModule'),
  SOURCE: t.stringLiteral('my-module')
});

console.log(generate(ast).code);
```

```js
var myModule = require('my-module');
```
npm package: @jamesthemullet/streak-counter
Description: A streak counter for the browser, inspired by Duolingo
Latest version: 0.0.3

# streak-counter

A streak counter for the browser, inspired by Duolingo

# `@jamesthemullet/streak-counter` - a basic streak counter

This is a basic streak counter - inspired by Duolingo - written in TypeScript and meant for the browser (uses `localStorage`).

Future employer - don't get too excited, this is from a course I was doing (mostly) to learn how to publish to npm.

## Install

```shell
yarn add @jamesthemullet/streak-counter
```

npm install @jamesthemullet/streak-counter

## Usage

[![Edit streak-counter (ts-course) (forked)](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/streak-counter-ts-course-forked-x4hyvn?fontsize=14&hidenavigation=1&theme=dark)
npm package: @jamesthomp/react-native-zstd
Description: ZSTD for React Native
Author: andarius
Latest version: 0.8.4

# react-native-zstd
ZSTD bindings for React-Native


## Installation

```sh
npm install react-native-zstd
```
or
```sh
yarn add react-native-zstd
```

## Usage

```ts
import { compress, decompress } from "react-native-zstd";
import { Buffer } from 'buffer';

// Compress
const compressionLevel: number = 3;
const compressed = compress("Hello World!", compressionLevel);
console.log(Buffer.from(compressed).toString('base64'))

// Decompress
const decompressed: string = decompress(compressed);
console.log(`decompressed: ${decompressed}`)

```

## Contributing

See the [contributing guide](CONTRIBUTING.md) to learn how to contribute to the repository and the development workflow.

## License

MIT

---

Made with [create-react-native-library](https://github.com/callstack/react-native-builder-bob)
npm package: @jamestindal/react-notion-x
Description: Fast and accurate React renderer for Notion.
Author: Travis Fischer
Latest version: 0.0.1

<p align="center">
  <img alt="React Notion X" src="https://raw.githubusercontent.com/NotionX/react-notion-x/master/media/notion-ts.png" width="689">
</p>

# React Notion X

> Fast and accurate React renderer for Notion.

[![NPM](https://img.shields.io/npm/v/react-notion-x.svg)](https://www.npmjs.com/package/react-notion-x) [![Build Status](https://github.com/NotionX/react-notion-x/actions/workflows/test.yml/badge.svg)](https://github.com/NotionX/react-notion-x/actions/workflows/test.yml) [![Prettier Code Formatting](https://img.shields.io/badge/code_style-prettier-brightgreen.svg)](https://prettier.io)

## Docs

See the [full docs](https://github.com/NotionX/react-notion-x).

## License

MIT © [Travis Fischer](https://transitivebullsh.it)

Support my OSS work by <a href="https://twitter.com/transitive_bs">following me on twitter <img src="https://storage.googleapis.com/saasify-assets/twitter-logo.svg" alt="twitter" height="24px" align="center"></a>
npm package: @jamestomasino/markdown-it-vimwikitags
Description: Plugin to vimwiki tags for markdown-it markdown parser
Author: James Tomasino
Latest version: 1.0.2

# markdown-it-vimwikitags
vimwiki tags plugin for markdown-it markdown parser

This is pretty closely aligned to my specific needs on my vimwiki being
rendered via markdown-it. I'm parsing the vimwiki tags in the format `:tag:`
into links that are pointing at my search URL. I also add a class of
`vimwikitag` to the anchor link for styling.

It shouldn't be hard to modify this to allow a more generalized output
structure, perhaps allowing for customization in the options, but I'll leave
that to contributors or forks.
npm package: @jameswebdev/componentlibrary
Description: Experimenting with what is the best way to layout a component library folder structure
Author: JamesWebDev
Latest version: 0.0.2

# @jameswebdev/componentlibrary
Experimenting with what is the best way to layout a component library folder structure

## Install
npm install @jameswebdev/componentlibrary

## Publish
npm version patch -m "Upgrade to %s for reasons" --force
npm package: @jameswomack/react-resize-detector
Description: React resize detector
Author: Vitalii Maslianok
Latest version: 1.0.0-beta.0

# React resize detector

### Your feedback is highly appreciated! 

Please, file an issue if something went wrong or let me know via Twitter @maslianok

---

## Event-based Element Resize Detection
This implementation does NOT use an internal timer to detect size changes (as most implementations do). It uses scroll events.
Inspired by this article [Cross-Browser, Event-based, Element Resize Detection](http://www.backalleycoder.com/2013/03/18/cross-browser-event-based-element-resize-detection/) written by [Back Alley Coder](http://www.backalleycoder.com/)

## Demo
#### [Live demo](http://maslianok.github.io/react-resize-detector/)

Local demo:
```
git clone https://github.com/maslianok/react-resize-detector.git
cd react-resize-detector/example
npm i && npm start
```

## Installation
`npm i react-resize-detector`

## Running the tests
`npm t`

## Example
```javascript
import React, {Component} from 'react';
import {render} from 'react-dom';
import ReactResizeDetector from 'react-resize-detector';

class App extends Component {
  render() {
    return (
      <div>
        ...
        <ReactResizeDetector handleWidth handleHeight onResize={this._onResize} />
      </div>
    );
  }

  _onResize = () => {
    ...
  }
}

render(<App />, document.getElementById('root'));

```

## API
#### handleWidth
(Bool) Trigger `onResize` on width change

#### handleHeight
(Bool) Trigger `onResize` on height change

#### onResize
(Func) Function that will be invoked with `width` and `height` arguments. When handling only one of dimensions, other argument will be `undefined`.

## License
MIT
npm package: @jamesyhr/latex-cleaner
Description: Simple utility to remove layout tags from LaTeX strings when writing a textbook file.
Author: Harim Yoo
Latest version: 0.1.4

# LaTeX Cleaner for Web

A lightweight utility to strip unnecessary LaTeX layout tags and clean up text for web display. Great for parsing math problems or educational content.

I tried to change some PDF files including math problems into JSON file, and when converted by either 'file-system' or 'pdf-parse' npm module, the file keeps throwing either \n or \t, which are bit annoying. So, I make a simple function as a module anyone can use.

## Features
- Removes layout commands like `\bigskip`, `\newpage`, `\vfill`, etc.
- Converts `\\` (line breaks) to spaces.
- Removes standard LaTeX boilerplate.

## Installation

```bash
npm install @jamesyhr/latex-cleaner
```

## Usage

# Old version
```
const clean = require('@jamesyhr/latex-cleaner');

const rawLatex = "Problem 1 \\bigskip \\textbf{Solve this:} $x^2 + y^2 = 1$ \\newpage";
const cleanText = clean(rawLatex);

console.log(cleanText);
// Output: "Problem 1 Solve this: $x^2 + y^2 = 1$"
```

# Version 0.1.0+

```
const LatexCleaner = require('@jamesyhr/latex-cleaner');

const cleaner = new LatexCleaner();

const dirty = "\\noindent Hello \\\\ World \t \\bigskip";
const clean = cleaner.clean(dirty);

console.log(clean); // "Hello World"
```
You can use either method. If you check my index.js file, you can call the old "function" method and the new "class" method. Enjoy!

## License
MIT
npm package: @jamesyoung94/jy-test-material-demo
Description: jy-test-material-demo
Latest version: 1.0.1

# demo component

@alifd/example-component

intro component

## API

| 参数名 | 说明 | 必填 | 类型 | 默认值 | 备注 |
| ------ | ---- | ---- | ---- | ------ | ---- |
|        |      |      |      |        |      |
npm package: @jamfactoryapp/jamfactory-types
Description: Typescript type definitions for the JamFactory API
Author: JamFactoryApp
Latest version: 0.2.3

# Installation
> `npm install --save jamfactory-types`

# Summary
This package contains type definitions for the [JamFactory Api](https://github.com/JamFactoryApp/jamfactory-backend).

# Details

 * Version: 0.1.0
 * Last updated: Fri, 23 Okt 2020
 * Dependencies: [@types/spotify-api](https://npmjs.com/package/@types/spotify-api)
 * Global values: none

# Credits
These definitions were written by [JamFactoryApp](https://github.com/JamFactoryApp).
npm package: @jamfury/gatsby-i18n
Description: Gatsby plugin that provides i18n support
Latest version: 0.1.5

# gatsby-i18n

> [Gatsby](https://github.com/gatsbyjs/gatsby) plugin that provides i18n support.

## Installation

```sh
yarn add gatsby-i18n
# npm install --save gatsby-i18n
```

## License

[MIT](LICENSE)
npm package: @jamfury/gatsby-plugin-i18next
Description: Gatsby plugin that provides i18n support
Latest version: 0.1.2

# gatsby-plugin-i18next

> [Gatsby](https://github.com/gatsbyjs/gatsby) plugin that provides i18n support.

## Installation

```sh
yarn add @jamfury/gatsby-plugin-i18next
# npm install --save @jamfury/gatsby-plugin-i18next
```

## Usage

Edit `gatsby-config.js`

```javascript
module.exports = {
  plugins: [
    {
      resolve: `@jamfury/gatsby-plugin-i18next`,
      options: {
        // Add any options here
      },
    },
  ],
}
```

# Options

You can pass options to the plugin:

- availableLngs (Array [required])
- fallbackLng (String [required])
- siteUrl (String [optional])

For example:

```js
options: {
  availableLngs: ['en', 'de'],
  fallbackLng: 'en',
  siteUrl: 'https://www.example.com/',
  redirect: true // pass `false` to disable auto redirect and generating of fallback lang pages (ie, /en/foo)
}
```

## License

[MIT](LICENSE)