open-index/open-npm huggingface dataset:
npm package: @gigwalk/backbone-redux
Description: Easy way to keep your backbone collections and redux store in sync
Author: Ilya Zayats
Latest version: 1.0.1

backbone-redux extension
===============

Extension of [backbone-redux](https://github.com/redbooth/backbone-redux)

[![npm](https://img.shields.io/npm/v/backbone-redux.svg?style=flat-square)](https://www.npmjs.com/package/backbone-redux)
[![npm](https://img.shields.io/npm/dm/backbone-redux.svg?style=flat-square)](https://www.npmjs.com/package/backbone-redux)
[![Travis](https://img.shields.io/travis/redbooth/backbone-redux.svg?style=flat-square)](https://travis-ci.org/gigwalk-corp/backbone-redux)

```
npm install backbone-redux --save
```

Backbone-redux: Creates reducers and listeners for your backbone collections and fires action
creators on every collection change.

Extension:  Creates reducers and listeners for your backbone models and fires action creators on every change event.

### How to use?
#### Auto way


```javascript

import Backbone from 'backbone';
import { createStore, compose } from 'redux';
import { devTools } from 'redux-devtools';
import { syncModels } from 'backbone-redux';

//  Create your redux-store, include all middlewares you want.
const finalCreateStore = compose(devTools())(createStore);
const store = finalCreateStore(() => {}); // Store with an empty object as a reducer

const modelA = new Backbone.Model({ name: 'modelA' });
const modelB = new Backbone.Model({ name: 'modelB' });

// Now just call auto-syncer from backbone-model-redux
syncModels({ modelA, modelB }, store);
```

What will happen?

* `syncModels` will create a reducer under the hood especially for your
  collection.
* `action creator` will be constructed with 1 possible action: `change`.
* Special `ear` object will be set up to listen to all change events and
  trigger right actions depending on the event type.
* Reducer will be registered in the store under `modelA` and `modelB` key.
* All previous reducers in your store will be replaced.

You are done. Now any change to `modelA` and `modelB` will be reflected in the
redux store.

Resulting tree will look like this:

```javascript
{
  modelA: {
    name: 'modelA'
  },
  modelB: {
    name: 'modelB'
  }
}
```
npm package: @gigwalk/react-bootstrap-datetimepicker
Description: A bootstrap datetime picker component for React.js
Author: Loïc CHOLLIER
Latest version: 1.1.0

react-bootstrap-datetimepicker
===============================

[![Build Status](https://travis-ci.org/bassettsj/react-bootstrap-datetimepicker.svg?branch=master)](https://travis-ci.org/bassettsj/react-bootstrap-datetimepicker)

> This project is a port of https://github.com/Eonasdan/bootstrap-datetimepicker for React.js.

Usage
===============================

Installation :
```
npm install react-bootstrap-datetimepicker
```

Then
```javascript
var DateTimeField = require('react-bootstrap-datetimepicker');

...

render: function() {
  return <DateTimeField />;
}
```
See [Examples](examples/) for more details.

API
===============================

DateTimeField
========

| Name         | Type    | Default | Description |
| ------------ | ------- | ------- | ----------- |
| **dateTime** | string  | moment().format('x') | Represents the inital dateTime, this string is then parsed by moment.js |
| **format**   | string  | "x"     | Defines the format moment.js should use to parse and output the date to onChange |
| **inputFormat** | string | "MM/DD/YY h:mm A" | Defines the way the date is represented in the HTML input. It must be a format understanable by moment.js |
| **onChange** | function | x => console.log(x) | Callback trigger when the date changes. `x` is the new datetime value. |
| **showToday** | boolean | true | Highlights today's date |
| **size** | string | "md" | Changes the size of the date picker input field. Sizes: "sm", "md", "lg" |
| **daysOfWeekDisabled** | array of integer | [] | Disables clicking on some days. Goes from 0 (Sunday) to 6 (Saturday). |
| **viewMode** | string or number | 'days' | The default view to display when the picker is shown. ('years', 'months', 'days') |
| **inputProps** | object | undefined | Defines additional attributes for the input element of the component. |
| **minDate** | moment | undefined | The earliest date allowed for entry in the calendar view. |
| **maxDate** | moment | undefined | The latest date allowed for entry in the calendar view. |
| **mode** | string | undefined | Allows to selectively display only the time picker ('time') or the date picker ('date') |
| **defaultText** | string | {dateTime} | Sets the initial value. Could be an empty string, or helper text. |

Update Warning
===============================
Starting from 0.0.6, the 3 github repositories `react-bootstrap-datetimepicker`, `react-bootstrap-datetimepicker-npm` and `react-bootstrap-datetimepicker-bower` are merged in a single one. The build process changed but the API is the same.
However now the package exports DateTimeField directly, no need to do :
```javascript
var DateTimeField = require('react-bootstrap-datetimepicker').DateTimeField;
```
instead use :
```javascript
var DateTimeField = require('react-bootstrap-datetimepicker');
```

Contributions
===============================
There is still plenty of features missing compared to the original date time picker, hence contributions would be highly appreciated.
npm package: @gigwalk/webpack-html-template
Description: Webpack HTML template generator using preprocess.
Author: Steven Bassett
Latest version: 1.0.0

# webpack-html-template [![Build Status](https://travis-ci.org/gigwalk-corp/webpack-html-template.svg?branch=master)](https://travis-ci.org/gigwalk-corp/webpack-html-template)

> Stupid simple module to handle templating data for [`html-webpack-plugin`](https://github.com/ampedandwired/html-webpack-plugin).


## Install

```
$ npm install --save webpack-html-template
```


## Usage

```js
var webpackHtmlTemplate = require('webpack-html-template');

webpackHtmlTemplate('./my-template', {data}, cb);
//=> <html>....
```

## API

### webpackHtmlTemplate(template, data ,[cb])

#### template

*Required*  
Type: `string`

Template file path to read from

#### data

Data to use with preprocess. Or you can use environment variables.

## License

MIT © [Gigwalk](http://gigwalk.com)
npm package: @gigwork/cf
Description: Compare function
Author: Igor Snitkin
Latest version: 0.1.0

# @gigwork/cf

Compare functions for alphanumeric, numeric and datetime values

## Installation

```bash
# npm
npm install @gigwork/cf

# yarn
yarn add @gigwork/cf

# pnpm
pnpm add @gigwork/cf
```

## Usage

```javascript
import { cf } from '@gigwork/cf';

const randomArr = ['foo', 1234, '45', 'bar', 'zulu', null, '0x101'];

randomArr.toSorted(cf());
// => ['0x101', 1234, '45', 'bar', 'foo', null, 'zulu']

randomArr.toSorted(cf().desc());
// => ['zulu', null, 'foo', 'bar', '45', 1234, '0x101']

randomArr.toSorted(cf().nullLast());
// => ['0x101', 1234, '45', 'bar', 'foo', 'zulu', null]

randomArr.toSorted(cf().numeric().nullLast());
// => ['45', '0x101', 1234, 'bar', 'foo', 'zulu', null]
```

## Sorting nested data

You can sort by nested data with `.select()` function:

```javascript
const users = [
  {
    name: 'Mark',
    age: 34,
  },
  {
    name: 'Alice',
    age: 29,
  },
  {
    name: 'Zack',
    age: 18,
  },
  {
    name: 'Bob',
    age: null,
  },
];

users.toSorted(
  cf()
    .select(user => user.age)
    .nullLast(),
);
// => Zack, Alice, Mark, Bob
```