@building-block/track-progress - npm Package Compare versions

package.json

		{
		"name": "@building-block/track-progress",
		"version": "1.0.0-alpha.1",
		"version": "1.0.0-alpha.2",
		"description": "Track progress, bitrate (speed), remaining time from XHR upload & download events",
		@@ -65,3 +65,3 @@ "repository": "building-block/blocks",
		},
		"gitHead": "b6f3d5572a4064dff1afeda4816daae20f6f2bd9"
		"gitHead": "17de58f24f1a130cb740001da3b48e27e1bf7cc0"
		}

README.md

		@@ -5,4 +5,3 @@ # track-progress

		<a href="https://www.npmjs.com/package/@building-block/track-progress"><img src="https://img.shields.io/npm/v/@building-block/track-progress.svg?style=flat" alt="npm"></a>
		<a href="https://unpkg.com/@building-block/track-progress/"><img src="https://img.badgesize.io/https://unpkg.com/@building-block/track-progress/dist/trackProgress.js?compression=gzip" alt="gzip size"></a>
		[![NPM](https://img.shields.io/npm/v/@building-block/track-progress.svg?style=flat)](https://www.npmjs.com/package/@building-block/track-progress) [![Gzip Size](https://img.badgesize.io/https://unpkg.com/@building-block/track-progress/dist/trackProgress.js?compression=gzip)](https://unpkg.com/@building-block/track-progress/)

		@@ -28,10 +27,15 @@ ### Installation
		import { createProgressTracker, fromXHREvent } from '@building-block/track-progress';
		import prettyMs from 'pretty-ms';

		const trackUploadProgress = createProgressTracker();

		const trackProgress = createProgressTracker();

		const stats = trackProgress(fromXHREvent(xhrEvent));
		response = await xhrFetch('/upload', {
		method: 'PUT',
		/* ... */
		onUploadProgress: xhrEvent => {
		const stats = trackUploadProgress(fromXHREvent(xhrEvent));
		/* ... */
		},
		});
		```

		Try with [Runkit](https://npm.runkit.com/@building-block/track-progress)

Improved metrics