open-index/open-npm huggingface dataset:
npm package: @justinbutt3r/focal-image
Description: Focal Image
Author: justinbutt3r
Latest version: 1.0.0

# @justinbutt3r/focal-image

> Focal Image

[![NPM](https://img.shields.io/npm/v/@justinbutt3r/focal-image.svg)](https://www.npmjs.com/package/@justinbutt3r/focal-image) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)

## Install

```bash
npm install --save @justinbutt3r/focal-image
```

## Usage

```jsx
import React, { Component } from 'react'

import MyComponent from '@justinbutt3r/focal-image'

class Example extends Component {
  render () {
    return (
      <MyComponent />
    )
  }
}
```

## License

MIT © [justinbutt3r](https://github.com/justinbutt3r)
npm package: @justinbutt3r/helper-functions
Description: Hepler functions
Author: justinbutt3r
Latest version: 1.0.0

# helper-functions

> Hepler functions

[![NPM](https://img.shields.io/npm/v/helper-functions.svg)](https://www.npmjs.com/package/helper-functions) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)

## Install

```bash
npm install --save helper-functions
```

## Usage

```jsx
import React, { Component } from 'react'

import MyComponent from 'helper-functions'

class Example extends Component {
  render () {
    return (
      <MyComponent />
    )
  }
}
```

## License

MIT © [justinbutt3r](https://github.com/justinbutt3r)
npm package: @justinc/carousel-component
Description: carousel-component React component
Latest version: 1.0.3

# @justinc/carousel-component [![NPM version][version-image]][version-url] 

This project was bootstrapped with: [nwb](https://github.com/insin/nwb)

### Peer dependencies

This package has a peerDependency on:

```
"peerDependencies": {
    "react": "16.x",
    "react-jss": "8.6.x"
},
```

which means these packages must be installed in any project using this package.

### Usage

The `demo` directory contains an example usage of `@justinc/carousel-component` by importing '"../../src"`. A module in another package would import this package's main module with `"@justinc/carousel-component"` instead.

To get the carousel to work, you need to give it an array of objects (`data` prop) and a `children` prop which *must* be a function (this is a render prop). This component's responsibility is to perform the actual carousel transitions (every 3 seconds by default - see list of props below) and keep track of which item in the carousel to display. It also takes care of stopping the transitions when the document is hidden (e.g. user has moved on to another tab).

E.g. usage:

```
import Carousel from "@justinc/carousel-component";
// ...
        <Carousel data={data}>
          {({ data, classes, itemIndexToClassName }) => {
            return (
              <div className={classes.carousel}>
                {data.map((d, i) => (
                  <div key={i} className={classes[itemIndexToClassName(i)]}>
                    {d.name}
                  </div>
                ))}
              </div>
            );
          }}
        </Carousel>
// ...
```

It is important to attach the correct className to the root of each item in the Carousel. The `data` given to the render prop (the `children` function prop) is optional to use as you are expected to already have a reference to the data when you create the Carousel element (to pass in as the `data` prop). To make sure you're attaching the correct className to each item in the Carousel - use the provided `itemIndexToClassName` function when iterating through your `data` array to render items for the Carousel. This will make sure the to style all items appropriately (including the previous, current, and next item in the carousel).

### All supported props

| Name                  | Type              | Default value |
| ----------------------| ----------------- | ------------- |
| data                  | array of objects  | N/A           |
| intervalMilliseconds  | number            | 3000          |
| frozen                | boolean           | false         |

If `frozen` is `true` the Carousel will not transition every `intervalMilliseconds` (useful when e.g. writing styles for carousel items or in general during development when the focus is not on transitioning).

[version-image]: https://img.shields.io/npm/v/@justinc/carousel-component.svg?style=flat-square
[version-url]: https://npmjs.org/package/@justinc/carousel-component
npm package: @justinc/fpo-apply
Description: The named arguments based function `apply` from FPO
Latest version: 1.0.1

This package contains the **named arguments based** function [apply](https://github.com/getify/fpo/blob/master/docs/core-API.md#fpoapply) from the [FPO](https://github.com/getify/fpo) project by [Kyle Simpson](https://github.com/getify).

Copied from version [5.2.3](https://github.com/getify/fpo/tree/5.2.3) of FPO.

**NOTE** this function has not itself been `curryMultiple`ed (i.e. it is a normal JS function and is not curried in any way). See [getify's comment](https://github.com/getify/fpo/issues/16#issuecomment-287787792) for more info.
npm package: @justinc/fpo-curry-multiple
Description: The named arguments based function `curryMultiple` from FPO
Latest version: 1.0.1

This package contains the **named arguments based** function [curryMultiple](https://github.com/getify/fpo/blob/master/docs/core-API.md#fpocurrymultiple) from the [FPO](https://github.com/getify/fpo) project by [Kyle Simpson](https://github.com/getify).

Copied from version [5.2.3](https://github.com/getify/fpo/tree/5.2.3) of FPO.

**NOTE** this function has not itself been `curryMultiple`ed (i.e. it is a normal JS function and is not curried in any way). See [getify's comment](https://github.com/getify/fpo/issues/16#issuecomment-287787792) for more info.
npm package: @justinc/map-all
Description: Run multiple map functions against Iterable in one go
Author: Justin Calleja
Latest version: 2.0.0

# `map-all` [![NPM version][version-image]][version-url] [![License][license-image]][license-url] [![Js Standard Style][standard-image]][standard-url]

Run multiple map functions against an [Iterable](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Iteration_protocols) in one go.

## Install

`npm i @justinc/map-all`

### Example of usage

```js
const mapAll = require('@justinc/map-all')
// `mapAll` is curried in v2 onwards (see curry tutorial)
mapAll([(x) => x + 1, (x) => x + 2])([1, 2, 3])
// [ [2, 3, 4], [3, 4, 5] ]
```

## Modules

<dl>
<dt><a href="#module_@justinc/map-all">@justinc/map-all</a></dt>
<dd></dd>
<dt><a href="#module_@justinc/jsdocs">@justinc/jsdocs</a></dt>
<dd><p>This module houses JSDoc 3 type definitions which can be re-used in different packages.</p>
</dd>
</dl>

<a name="module_@justinc/map-all"></a>

## @justinc/map-all
<a name="module_@justinc/map-all..mapAll"></a>

### @justinc/map-all~mapAll(mappers, iterable) ⇒ <code>Array.&lt;Array.&lt;\*&gt;&gt;</code>
This function is curried.
Calls each mapper obtained from `mappers` on each element obtained from `iterable`.
In the given result, there is an array for each found mapper. The result of mappers[0] is at
results[0] etc…

**Kind**: inner method of <code>[@justinc/map-all](#module_@justinc/map-all)</code>  
**See**: [Mapper](#module_@justinc/jsdocs.Mapper)  

| Param | Type |
| --- | --- |
| mappers | <code>Iterable.&lt;Mapper&gt;</code> | 
| iterable | <code>Iterable.&lt;\*&gt;</code> | 

<a name="module_@justinc/jsdocs"></a>

## @justinc/jsdocs
This module houses JSDoc 3 type definitions which can be re-used in different packages.

<a name="module_@justinc/jsdocs.Mapper"></a>

### @justinc/jsdocs.Mapper ⇒ <code>Array.&lt;Y&gt;</code>
A function of type Mapper is a similar function to what you'd pass to [Array.map](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Array/map)

**Kind**: static typedef of <code>[@justinc/jsdocs](#module_@justinc/jsdocs)</code>  
**Template**: X,Y  

| Param | Type | Description |
| --- | --- | --- |
| currentValue | <code>X</code> | The current element being processed in the array. |
| index | <code>number</code> | The index of the current element being processed in the array. |
| array | <code>Array.&lt;X&gt;</code> | The array map was called upon. |

**Example**  
```js
const appendIndex = (x, i) => x + `${i}`
;[1, 2, 3].map(appendIndex)
// gives: ['10', '21', '32']
```

[version-image]: https://img.shields.io/npm/v/@justinc/map-all.svg?style=flat-square
[version-url]: https://npmjs.org/package/@justinc/map-all

[standard-image]: https://img.shields.io/badge/code-standard-brightgreen.svg?style=flat-square
[standard-url]: https://github.com/feross/standard

[license-image]: https://img.shields.io/badge/License-MIT-yellow.svg?style=flat-square
[license-url]: ./LICENSE
npm package: @justinc/matches-carousel-component
Description: matches-carousel-component React component
Latest version: 1.0.1

# @justinc/matches-carousel-component [![NPM version][version-image]][version-url] 

`carousel-component` is a `dependency` meaning that if this module is dependend on and installed, so will `carousel-component`. `react-jss` is a `peerDependency` so any project using this module is expected to depend on `react-jss` and have it installed.

This package provides a UI for the carousel. The logic of the carousel itself is in `@justinc/carousel-component`.

[version-image]: https://img.shields.io/npm/v/@justinc/matches-carousel-component.svg?style=flat-square
[version-url]: https://npmjs.org/package/@justinc/matches-carousel-component
npm package: @justinc/remark-yaml-meta
Description: Extract YAML front-matter from markdown.
Author: Chris Gomez
Latest version: 1.0.3

# remark-yaml-meta

Extract YAML front-matter from markdown.

## Installation

[npm][]:

```bash
npm install @justinc/remark-yaml-meta
```

## Usage

Dependencies:

```javascript
var remark = require('remark');
var metaPlugin = require('@justinc/remark-yaml-meta');
var report = require('vfile-reporter');
```

Process:

```javascript
remark()
    .use(metaPlugin)
    .process([
        '---',
        'foo:',
        '  bar: true',
        '---',
        ''
    ].join('\n'), function (err, file) {
        // handle error with `vfile-reporter` to show messages
        console.error(report(err || file));
        // file.meta now has the parsed YAML as an Object
        console.log(file.meta) // { foo: { bar: true } }
    })
```

## API

### `remark.use(yamlConfig)`

Passes the configuration at the `remark` field as [parse][parse-settings]
and [stringify][stringify-settings] settings.

Just like [**remark-yaml-config**][remark-yaml-config], but the parsed object
is saved to the `meta` property of the retuned [`VFile`][unified-file].

## License

[MIT][license] © [Chris Gomez][author]

<!-- Definitions -->

[license]: LICENSE

[author]: http://akagomez.com

[npm]: https://docs.npmjs.com/cli/install

[parse-settings]: https://github.com/wooorm/remark/blob/master/packages/remark-parse/readme.md#options

[stringify-settings]: https://github.com/wooorm/remark/blob/master/packages/remark-stringify/readme.md#options

[remark-yaml-config]: https://github.com/wooorm/remark-yaml-config

[unified-file]: https://github.com/wooorm/unified#file
npm package: @justinc/to-validation
Description: Utility to convert to Folktale Validation
Author: Justin Calleja
Latest version: 1.0.0

Install with:

```
npm i @justinc/to-validation
```

Exports the following function:

```
function toValidation (isValidation, isFailureLike, toFailure, toSuccess, v) {
  if (isValidation(v)) return v
  if (isFailureLike(v)) return toFailure(v)
  return toSuccess(v)
}
```

with one catch, the function can be invoked using "[FPO-style](https://github.com/getify/fpo)" named-arguments (and it's [multi-curried](https://github.com/getify/fpo/blob/master/docs/core-API.md#fpocurrymultiple)).

This means you can invoke it like this:

```
import toValidation from '@justinc/to-validation'
let toV = toValidation({
  isValidation: v => {
    // your logic for determining if v is a Validation, typically:
    // Validation.hasInstance(v),
    // see tests.
  },
  isFailureLike: (v) => {
    // your logic for determining if v is failure like
  }
})
```

Having supplied the `isValidation` and `isFailureLike` parameters (using named-arguments), we only need to supply three more - `toFailure`, `toSuccess`, and `v` (note how we can split up how we want to supply them since the function is [multi-curried](https://github.com/getify/fpo/blob/master/docs/core-API.md#fpocurrymultiple)):

```
let onlyVLeft = toV({
  toFailure: (v) => // how you'd change v to a Validation.Failure
  toSuccess: () => // how you'd change v to a Validation.Success
})

let asValidation = v => onlyVLeft({ v })
```

- - -

This package is experimental. Only really meant to DRY some code.
npm package: @justindfuller/eslint-plugin-deprecate
Description: Deprecate Code
Latest version: 0.0.3

# @JustinDFuller/eslint-plugin-deprecate

Deprecate code.

## Installation

You'll first need to install [ESLint](http://eslint.org):

```
$ npm i eslint --save-dev
```

Next, install `@justindfuller/eslint-plugin-deprecate`:

```
$ npm install @JustinDFuller/eslint-plugin-deprecate --save-dev
```

## Usage

Add `deprecate` to the plugins section of your `.eslintrc` configuration file. You can omit the `eslint-plugin-` prefix:

```json
{
    "plugins": [
        "deprecate"
    ]
}
```

Then configure the rules you want to use under the rules section.

```json
{
    "rules": {
        "deprecate/rule-name": 2
    }
}
```

## Supported Rules

* [deprecate/function](docs/rules/function.md): Warn about some function usage.
* [deprecate/member-expression](docs/rules/member-expression.md): Warn about some member expression usages.
* [deprecate/import](docs/rules/import.md): Warn about some import/require usage.
npm package: @justindfuller/justindfuller.com
Description: My website
Author: Justin Fuller
Latest version: 0.0.0

# justindfuller.com

[![Build and Deploy to GAE](https://github.com/JustinDFuller/justindfuller.com/actions/workflows/deploy.yml/badge.svg?branch=main)](https://github.com/JustinDFuller/justindfuller.com/actions/workflows/deploy.yml)

[https://www.justindfuller.com](https://www.justindfuller.com)
npm package: @justindfuller/verse-of-the-day
Description: Backend for verse of the day app.
Author: Justin Fuller
Latest version: 1.0.3

# Verse-Of-The-Day-Server

[ ![Codeship Status for JustinDFuller/Verse-Of-The-Day-Server](https://app.codeship.com/projects/ba3c85c0-ed41-0134-977a-7ab4e0ed4895/status?branch=master)](https://app.codeship.com/projects/208532)
[![Coverage Status](https://coveralls.io/repos/github/JustinDFuller/Verse-Of-The-Day-Server/badge.svg?branch=master)](https://coveralls.io/github/JustinDFuller/Verse-Of-The-Day-Server?branch=master)

Backend micro service for displaying a Bible verse of the day.

### API

`/echo`
- Method: `ANY`
- Returns: `Object` with `success` set to true and a `message` letting you know you've successfully pinged the server. This is used to verify the service is up and running correctly.

`/dailyVerse/?:bibleVersion`
- Method: `GET`
- Returns: `Array` with three `Verse` objects. A random, Psalm, and Proverb.
- If you choose to add `:bibleVersion` like `/eng-ESV` it will return that translation. This is optional.

`/proverb/?:bibleVersion`
- Method: `GET`
- Returns: `Object` with a Proverb `Verse` object.
- If you choose to add `:bibleVersion` like `/eng-ESV` it will return that translation. This is optional.

`/psalm/?:bibleVersion`
- Method: `GET`
- Returns: `Object` with a Psalm `Verse` object.
- If you choose to add `:bibleVersion` like `/eng-ESV` it will return that translation. This is optional.

`/random/?:bibleVersion`
- Method: `GET`
- Returns: `Object` with a random book/chapter/verse `Verse` object.
- If you choose to add `:bibleVersion` like `/eng-ESV` it will return that translation. This is optional.

`/versions`
- Method: `GET`
- Returns: `Array` containing `Objects` representing the different translations available.
npm package: @justine-unzip/gasapi
Description: Simple fuel price API wrapper
Author: Justine Butiong
Latest version: 1.0.1

# gasapi

Simple wrapper for Fuel API.

## Install

npm install gasapi

## Usage

```js
const gasApi = require('gasapi');

gasApi.init({
  baseUrl: "https://base-tweak-api.onrender.com",
  apiKey: "YOUR_API_KEY"
});

(async () => {
  const data = await gasApi.cheapest(14.5995, 120.9842, "diesel");
  console.log(data);
})();
npm package: @justinekizhak/component-library-mk1
Description: My private component library
Author: Justine Kizhakkinedath
Latest version: 0.2.7

# Component libaray MK1

This is my personal component library which I use for all my personal projects.

The library is published on NPM -> https://www.npmjs.com/package/@justinekizhak/component-library-mk1

Also there is a Storybook version of the library -> https://www.chromatic.com/builds?appId=61f11acfea9c98004adcf30f

# Install

To install the libaray:

```
npm i @justinekizhak/component-library-mk1
```