open-index/open-npm huggingface dataset:
npm package: @h2_demo/create-react-ts-starter-h2
Description: A React Starter from scratch using TypeScript, Webpack, Jest, React Testing Library, Storybook, Prettier, ESLint, and GitHub Actions.
Author: Harit Himanshu
Latest version: 1.0.0

### What it contains
- ReactJS support with TypeScript
- Testing support using Jest and React Testing Library
- Formatting support using Prettier
- ESLint support
- Ability to collect code coverage via Jest
- Support for Storybook

### Commands
- `npm i` to install dependencies.
- `npm start` to develop locally.
- `npm test` to test and see the code coverage.
- `npm run build` to create a production build.
- `npx serve dist -l 6666` to serve production build on port `6666`.
- `npm run storybook` to start storybook in development mode.
- `npm run build-storybook` to create production build for storybook.
- `npx serve storybook-static -l 5858` to serve production build for storybook on port `5858`.
npm package: @h2_demo/p2
Description: [![semantic-release](https://img.shields.io/badge/%20%20%F0%9F%93%A6%F0%9F%9A%80-semantic--release-e10079.svg)](https://github.com/semantic-release/semantic-release) ![npm](https://img.shields.io/npm/v/@h2_demo/p2)
Author: hhimanshu
Latest version: 1.1.5

# TypeScript React Component Library
[![semantic-release](https://img.shields.io/badge/%20%20%F0%9F%93%A6%F0%9F%9A%80-semantic--release-e10079.svg)](https://github.com/semantic-release/semantic-release)
![npm](https://img.shields.io/npm/v/@h2_demo/p2)


This library is published on `npm` and demonstrates how to write your own React components in TypeScript and publish them as `npm` package.

## Features  

- [x] React components written in TypeScript
- [x] Leverages [TSDX](https://tsdx.io/) to create library
- [x] Use of [`styled-components`](https://styled-components.com/) for styling
- [x] Connected with [Storybook](https://storybook.js.org/)
- [x] Integrated tests with [Jest](https://jestjs.io/) and [Testing Library](https://testing-library.com/)
- [x] Linting support using [Prettier](https://prettier.io/)
- [x] Integrated Continuous Integration (CI) using [GitHub Actions](https://github.com/hhimanshu/ts-react-components-lib/actions/workflows/main.yml)
- [x] Integrated Continuous Deployment (CD) to using [Github Actions](https://github.com/hhimanshu/ts-react-components-lib/actions/workflows/release.yml)
- [x] Uses [Semantic Release](https://semantic-release.gitbook.io/semantic-release/) for releasing the library
- [x] Publishes to [npm](https://www.npmjs.com/package/@h2_demo/p2)
- [x] Publishes Storybook to Chromatic
npm package: @h2dev/utils
Description: A util library for node and browser.
Author: cwuyiqing@gmail.com
Latest version: 0.0.2

# i-utils

> A util library for Node and browser.

Install with npm or yarn

```shell
npm i @chhpt/utils
# or
yarn add @chhpt/utils
```

## Usage

```js
// includes all methods
var utils = require('i-utils');
utils.merge();

// include the method you need
var merge = require('i-utils/merge');
```
npm package: @h2ml/fetchdelay
Description: Wrapper function for fetch() which allows for better control over timing.
Author: Jack Notman
Latest version: 1.0.4

## About

The @h2ml/fetchdelay library provides a simple function which wraps the native <code>fetch()</code> method, allowing for control over when the returned <code>Promise</code> resolves or rejects. 

## Quick Start Guide

### The [fetchDelay](#module_@h2ml/fetchreplace.fetchDelay) Function

The <code>fetchDelay</code> function is invoked by providing a <code>url</code> and <code>options</code>, this will return a <code>Promise</code>, which will not resolve until after the duration specified by <code>options.minDelay</code> and will reject if the internal <code>fetch()</code> call does not resolve before the duration specified by <code>options.maxDelay</code>.

```
import { fetchDelay } from '@h2ml/fetchdelay';

(async () => {
	try {
		// This will resolve after a minimum of 3 seconds, 
		// and will reject after 5 seconds if the resource does not load.
		const res1 = await fetchDelay('https://ipapi.co/json', {
			minDelay: 3000,
			maxDelay: 5000
		});
		const json1 = await res1.json();
		console.log(json1);

		// This will reject, as the requested resource 
		// will not resolve until after 6 seconds.
		const res2 = await fetchDelay('https://httpbin.org/delay/6', {
			minDelay: 3000,
			maxDelay: 5000
		});
		const json2 = await res2.json(); // This won't get called.
		console.log(json)2;              // Neither will this.
	} catch (err) {
		// Catch-all rejections.
		console.dir(err);
	}
})();
```

<a name="module_@h2ml/fetchreplace"></a>

## @h2ml/fetchreplace
**Version**: 1.0.3  
**Author**: Jack Notman  
<a name="module_@h2ml/fetchreplace.fetchDelay"></a>

### @h2ml/fetchreplace.fetchDelay ⇒ <code>Promise.&lt;Response&gt;</code> \| <code>Error</code>
The [fetchDelay](fetchDelay) function.

**Kind**: static constant of [<code>@h2ml/fetchreplace</code>](#module_@h2ml/fetchreplace)  

| Param | Type | Default | Description |
| --- | --- | --- | --- |
| url | <code>String</code> |  | The url to fetch. |
| options | <code>Object</code> |  | fetchDelay Configuration options. |
| [options.minDelay] | <code>Number</code> | <code>1000</code> | The minimum delay before the Promise resolves. |
| [options.maxDelay] | <code>Number</code> | <code>3000</code> | The maximum amount of time before the Promise rejects. |
| [options.fetchOptions] | <code>Object</code> | <code>{}</code> | The configuration options to pass to fetch(). |