open-index/open-npm huggingface dataset:
npm package: @pinguinosod/loading-bear
Description: lightweight progress bar, runs for a desired duration.
Author: PinguinoSod
Latest version: 2.2.4

# Loading Bear

A lightweight progress bar which runs for a desired duration.

[![License: MIT](https://img.shields.io/github/license/pinguinosod/loading-bear.svg?style=flat)](https://github.com/pinguinosod/loading-bear/blob/master/LICENSE)
[![Version](https://img.shields.io/npm/v/@pinguinosod/loading-bear.svg?style=flat)](https://www.npmjs.com/package/@pinguinosod/loading-bear)
[![Less than 1kB](https://img.shields.io/bundlephobia/minzip/@pinguinosod/loading-bear.svg?style=flat)](https://bundlephobia.com/result?p=@pinguinosod/loading-bear)
[![Downloads](https://img.shields.io/npm/dt/@pinguinosod/loading-bear.svg?style=flat)](https://www.npmjs.com/package/@pinguinosod/loading-bear)
[![Coverage](https://img.shields.io/sonar/https/sonarcloud.io/pinguinosod_loading-bear/coverage.svg?style=flat)](https://sonarcloud.io/dashboard?id=pinguinosod_loading-bear)

## Examples

* [jsFiddle](https://jsfiddle.net/pinguinosod/gv7uoLp2/)
* [examples folder on github](https://github.com/pinguinosod/loading-bear/tree/master/examples)

## Installation

### CDN
```html
<script src="https://cdn.jsdelivr.net/npm/@pinguinosod/loading-bear@2/dist/loading-bear.min.js"></script>
```

### npm
```bash
$ npm i @pinguinosod/loading-bear
```

## Usage

Execute the function:
```javascript
loadingBear();
```

### Options

You can send an options object as parameter to the loadingBear function:
```javascript
loadingBear({
    'duration': 3200, // The duration in milliseconds
    'height': '20px', // The height of the progress bar
    'lBearContainerClass': 'container', // Container element's class
    'lBearClass': 'progress', // Wrapper bar element's class
    'lBearInnerClass': 'progress-bar' // Inner bar element's class
  });
```

---

## License

MIT
npm package: @pingy/middleware
Description: Express/Connect middleware for transpiling to html/css/js on-the-fly
Author: Dave Jeffery
Latest version: 4.3.0

Piggy In The Middle
===================

[![npm version](https://badge.fury.io/js/piggy-in-the-middle.svg)](https://badge.fury.io/js/piggy-in-the-middle)
[![Build Status](https://travis-ci.org/davej/piggy-in-the-middle.svg?branch=master)](https://travis-ci.org/davej/piggy-in-the-middle)

Express/Connect middleware for transpiling to html/css/js on-the-fly. Also gives you sourcemaps, caching for unchanged files and integrates well with live reload tools like browser-sync and live-reload.

Currently supports: `LiveScript`, `babel`, `coco`, `coffee-script`, `dogescript`, `less`, `marked`, `myth`, `jade`, `node-sass`, `stylus`, `swig`.

It works a bit like this:
  1. A request comes in for `app.js`
  2. `app.js` can not be found (`404`)
  3. PITM will look for files that compile to `app.js`
  4. It finds `app.coffee`
  5. `app.coffee` is compiled on-the-fly
  6. The compiled output is served to the browser as `app.js`

Subsequent requests will not force a recompile file because PITM will cache the output. PITM is smart and will watch the source file(s) for changes, if you change a source file then it will do a recompile on next request.


Try it out
----------  
The easiest way to try this out is to `clone` the repo, `cd` into it and do:

```sh
npm install
npm run example
```

This will start a basic demo site using PITM.


Use as middleware
-----------------
Here's a really simple example:

```javascript
var connect = require('connect');
var serveStatic = require('serve-static');
var pitm = require('piggy-in-the-middle');

var app = connect();

app.use(serveStatic('/path/to/your/site'));
app.use(pitm('/path/to/your/site'));

app.listen(3000);
```

Once initialized PITM will also emit 'fileChanged' events whenever a watched file
is changed, this is useful for doing live reloading of the browser.
For example, to integrate PITM with [browser-sync](http://www.browsersync.io/)
you can do something like this:

```javascript
var pitm = require('piggy-in-the-middle');
var browserSync = require('browser-sync').create();

var piggy = pitm('/path/to/your/site');
piggy.events.on('fileChanged', browserSync.reload);
```

Custom Path To `node_modules`
-----------------------------

```js
global.babyTolkCompilerModulePath = '/some/folder/node_modules';
pitm('/path/to/your/site');
```

By default PITM will look for compatible modules in the `node_modules` dir inside of `/path/to/your/site`.
You can set `global.babyTolkCompilerModulePath` to look for compatible node modules in a different dir, like in the example above: `/some/other/dir/node_modules`.