open-index/open-npm huggingface dataset:
npm package: @hustlelikeaboss/react-gallery
Description: a react component library for building galleries
Latest version: 1.0.2

# React Gallery
A simple flexbox-based React library for creating photo galleries, or pretty much anything you want to display in a grid layout

## Demo
```
https://react-gallery.now.sh/
```

The demo site also includes a [playground](https://react-gallery.now.sh/playground) where you can intereact with the library live.

## Usage
1. `npm i -D @hustlelikeaboss/react-gallery`
2. Example:
   ```javascript
   import React from 'react';
   import PropTypes from 'prop-types';
   import * as ReGal from '@hustlelikeaboss/react-gallery';

   const Masonry = ({photos, numOfCols}) => (
        <ReGal.Masonry 
            items={photos} 
            numOfCols={numOfCols} 
        />
    );
    Masonry.propTypes = {
        photos: PropTypes.arrayOf(PropTypes.shape({
            id: PropTypes.number.isRequired,
            url: PropTypes.string.isRequired,
            description: PropTypes.string
        })),
        numOfCols: PropTypes.number
    };
    export default Masonry;
   ```

## Development
1. `git clone` this project
2. obtain a pair of unsplash access key and secret here: https://unsplash.com/developers
3. create an `.env` file in project root and add unsplash creds:
   ```
   REACT_APP_UNSPLASH_ACCESS_KEY=your_key_here
   REACT_APP_UNSPLASH_SECRET_KEY=your_secret_here
   ```
4. `npm ci`
5. `npm start`

## Zeit deployment
### initial setup
1. `now login`
2. `now secrets ls`
3. `now secrets add REACT_APP_UNSPLASH_ACCESS_KEY <secret-value>`
4. `now secrets add REACT_APP_UNSPLASH_SECRET_KEY <secret-value>`
   
### deployment
1. to trigger a production build, run `now --prod`; or, while on the `master` branch, run `git push` 
2. to trigger a staging build, run `now` or `git push` to a branch

## Publish
1. `npm login`
2. `npm publish --access public`
npm package: @huston007/angular-gettext-cli
Description: A command line interface for angular gettools
Author: Andrey Skladchikov
Latest version: 1.1.2

angular-gettext-cli [![Build Status](https://travis-ci.org/huston007/angular-gettext-cli.svg?branch=master)](https://travis-ci.org/huston007/angular-gettext-cli)
===================

A command line interface for [angular-gettext-tools](https://github.com/rubenv/angular-gettext-tools)

## Installation

`npm install angular-gettext-cli -g` for global using or
`npm install angular-gettext-cli --save-dev` for local.

## Extraction:

`angular-gettext-cli  --files "./app/*.+(js|html)" --dest ./extract.pot --marker-name i18n`

### Parameters:
* `--files` - a [glob](https://github.com/isaacs/node-glob) pattern to specify files to process
* `--dest` - path to file to write extracted words.
* `--marker-name` - a name of marker to search in js-files (see [angular-gettext-tools](https://github.com/rubenv/angular-gettext-tools#options))

## Compilation:

`angular-gettext-cli  --compile --files 'test/*.po' --dest test/output.js --format javascript --module gettext-test`

### Parameters:
* `--files` - a [glob](https://github.com/isaacs/node-glob) pattern to specify files to process
* `--dest` - path to file to write extracted words.
* `--format` - `javascript` or `json`
* `--module` - For the `javascript` output format, the angular module name to use in the output file.

For more options, see [angular-gettext-tools](https://github.com/rubenv/angular-gettext-tools#options).
npm package: @huston007/angular-gettext-tools
Description: Tools for extracting/compiling angular-gettext strings.
Author: Ruben Vermeersch
Latest version: 2.2.3

# angular-gettext-tools

> Tools for extracting/compiling angular-gettext strings.

Used to construct build tools for [`angular-gettext`](https://github.com/rubenv/angular-gettext).

[![Build Status](https://travis-ci.org/rubenv/grunt-angular-gettext.png?branch=master)](https://travis-ci.org/rubenv/angular-gettext-tools)

Implementations:

* [Grunt plugin](https://github.com/rubenv/grunt-angular-gettext)
* [Gulp plugin](https://github.com/gabegorelick/gulp-angular-gettext)
* [CLI utility](https://github.com/huston007/angular-gettext-cli)
* [Webpack loader (compilation)](https://github.com/princed/angular-gettext-loader)

Check the website for usage instructions: [http://angular-gettext.rocketeer.be/](http://angular-gettext.rocketeer.be/).

## Options

All options and defaults are displayed below: 

```JSON
{
    "startDelim": "{{",
    "endDelim": "}}",
    "markerName": "gettext",
    "markerNames": [],
    "moduleName": "gettextCatalog",
    "moduleMethodString": "getString",
    "moduleMethodPlural": "getPlural",
    "attribute": "translate",
    "attributes": [],
    "lineNumbers": true,
    "format": "javascript",
    "defaultLanguage": false,
    "requirejs": false
}
```

## License 

    (The MIT License)

    Copyright (C) 2013-2015 by Ruben Vermeersch <ruben@rocketeer.be>

    Permission is hereby granted, free of charge, to any person obtaining a copy
    of this software and associated documentation files (the "Software"), to deal
    in the Software without restriction, including without limitation the rights
    to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
    copies of the Software, and to permit persons to whom the Software is
    furnished to do so, subject to the following conditions:

    The above copyright notice and this permission notice shall be included in
    all copies or substantial portions of the Software.

    THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
    IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
    FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
    AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
    LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
    OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
    THE SOFTWARE.
npm package: @huston007/angular-tab-trap
Description: Tab trap for Angular
Author: Ates Goral
Latest version: 2.0.0

# angular-tab-trap

**angular-tab-trap** disallows tabbing out of a designated area. This is especially useful when implementing modal dialogs to prevent the user from interacting with what's behind a dialog / modal mask by simply tabbing out of the dialog.

[Demo and documentation](http://myplanet.github.io/angular-tab-trap/)