open-index/open-npm huggingface dataset:
npm package: @stephenkhoo/populator
Description: Quick populate your form fields with your preset values on development.
Author: Stephen Khoo
Latest version: 1.0.1

# Populator
Ever find yourself spending more time in filling forms than spending time coding?

This package will help you fill your SPA forms with your preset data, and you can easily set the condition of using it or not with your environment variable at compilation with tool of your choice!

## Usage
Install your dependency
```bash
npm install @stephenkhoo/populator
```

## Examples
### Using single field populate
```js
// Create a file mypopulator.js
const populator = require('@stephenkhoo/populator');

// You define your data to be filled with three layer
// domain > name of the field > value to be populated
// These data are use for testing during development
const populateData = {
  login: {
    username: 'TestUser',
    password: 'TestUserPassword' // P/S, never commit actual password into your code
  }
};

const shouldPopulate = process.env.YOUR_ENV_TO_DECIDE_WHEN_TO_POPULATE;
// or
const shouldPopulate = your_computed_condition_to_decide_when_to_populate;

const { populate } = populator(shouldPopulate, populateData);

module.exports = populate;
```
In your other files
```js
const populate = require('./mypopulator.js');

let value = populate('login', 'username', ''); // The third parameter used is the value to be used when it shouldn't populate
```
If you are using react, and it's state for the field value
```js
class MyComponent extends Component {
  constructor(props) {
    super(props);
    this.state = {
      username: populate('login', 'username', ''),
      password: populate('login', 'password', ''),
    }
  }
}
```
Or vue
```js
import { reactive } from 'vue'
reactive({
  username: populate('login', 'username', ''),
  password: populate('login', 'password', ''),
})
```

### Using mass populate
```js
// Create a file mypopulator.js
const populator = require('@stephenkhoo/populator');

// Main part of setup is the same
const populateData = {
  login: {
    username: 'TestUser',
    password: 'TestUserPassword' // P/S, never commit actual password into your code
  }
};

const shouldPopulate = process.env.YOUR_ENV_TO_DECIDE_WHEN_TO_POPULATE;
// or
const shouldPopulate = your_computed_condition_to_decide_when_to_populate;

const { massPopulate } = populator(shouldPopulate, populateData);

module.exports = massPopulate;
```
In your other files
```js
const massPopulate = require('./mypopulator.js');

let values = massPopulate('login', {
  username: ''
  }); // The key value of the object will be translate into populate('login', key, value)
```
If you are using react, and it's state for the field value
```js
class MyComponent extends Component {
  constructor(props) {
    super(props);
    this.state = massPopulate('login', {
      username: '',
      password: '',
    });
  }
}
```
Or vue
```js
import { reactive } from 'vue'
reactive(massPopulate('login', {
  username: '',
  password: '',
}))
```
> Personally I find mass populate much closer to my taste, but it is up to you to choose which to use.

---

_Made with love by [@stephen_khoo](https://twitter.com/stephen_khoo)_
npm package: @stephenmathieson/hypercwd
Description: Open a Hyper tab with the same directory as the current tab
Author: Harrison Harnisch
Latest version: 1.2.4

# HyperCwd

Opens new tabs with the same directory as the current tab in [Hyper](https://hyper.is/) for OS X, Linux and Windows.

![New Tabs](https://raw.githubusercontent.com/hharnisc/hypercwd/master/newTabs.gif)

[![Mentioned in Awesome Hyper](https://awesome.re/mentioned-badge.svg)](https://github.com/bnb/awesome-hyper)

## Installation

Open ~/.hyper.js and add `hypercwd` to the list of plugins.

## Configuration

`hypercwd` can be configured in `~/.hyper.js` configuration file within the `config` object:


Example configuration:

```js
module.exports = {
  config: {
    // default font size for all tabs
    fontSize: 14,

    // ... other config options

    // add the hypercwd configuration object like this
    hypercwd: {
      initialWorkingDirectory: '~/Documents'
    }
  },
  plugins: [
    'hypercwd'
  ]
}
```

### Options

**initialWorkingDirectory** - the path to open the _first_ terminal session

Note: all subsequent sessions are opened with the same directory as the session in focus
npm package: @stephenmathieson/sls-utils
Description: [![CircleCI](https://circleci.com/gh/stephenmathieson/sls-utils.svg?style=svg&circle-token=4437d0758a24ba185dcf55a7375cc5c5a61fac03)](https://circleci.com/gh/stephenmathieson/sls-utils)
Latest version: 1.1.1

# @stephenmathieson/sls-utils

[![CircleCI](https://circleci.com/gh/stephenmathieson/sls-utils.svg?style=svg&circle-token=4437d0758a24ba185dcf55a7375cc5c5a61fac03)](https://circleci.com/gh/stephenmathieson/sls-utils)

> Utilities for working with [Serverless](https://serverless.com/).

## API

### utils.Handler(fn)

Create a SLS event handler, abstracting away oddities with responses and async functions.

**Example:**

```js
const { Handler } = require('@stephenmathieson/sls-utils')

// Create your service.
const fooService = new Handler(async (event, context) => {
  const { body: rawBody } = event
  const { foo, bar, baz } = JSON.parse(rawBody)

  const data = await getData(foo, bar, baz)
  return data
})

// Export its handler.
exports.foo = fooService.getHandler()
```

### utils.getHeader(name, headers)

Get the value of the `name` header, or null.

Useful because AWS does not normalize (lowercase) headers.

**Example:**

```js
exports.foo = (event, context, callback) => {
  const authorization = getHeader('authorization', event.headers)
  if (!authorization) {
    // ...
  }
}
```

## Releasing

CircleCI will publish all pushed semver-ish tags to npm.
npm package: @stephenpoole/hex-tooltip
Description: Tooltips for Dead by Daylight anywhere on the web.
Author: Stephen Poole
Latest version: 1.0.38

<img src="https://hextooltip.com/logo.svg" width="100" height="100">

# Hex: Tooltip

[![npm version](https://badge.fury.io/js/%40stephenpoole%2Fhex-tooltip.svg)](https://badge.fury.io/js/%40stephenpoole%2Fhex-tooltip)
[![Known Vulnerabilities](https://snyk.io/test/github/stephenpoole/hex-tooltip/badge.svg)](https://snyk.io/test/github/stephenpoole/hex-tooltip)
[![Build Status](https://travis-ci.com/stephenpoole/hex-tooltip.svg?branch=master)](https://travis-ci.com/stephenpoole/hex-tooltip)
[![codecov](https://codecov.io/gh/stephenpoole/hex-tooltip/branch/master/graph/badge.svg?token=lTWudhhmb0)](https://codecov.io/gh/stephenpoole/hex-tooltip)
![last commit](https://img.shields.io/github/last-commit/stephenpoole/hex-tooltip)
![issues](https://img.shields.io/github/issues/stephenpoole/hex-tooltip)

Tooltips for Dead by Daylight anywhere on the web.

<img src="https://hextooltip.com/ruin.jpg" >

## Getting Started

Install `hex-tooltip` and save to your package.json in one easy step.

With npm:

```bash
npm install @stephenpoole/hex-tooltip
```

With yarn:

```bash
yarn add @stephenpoole/hex-tooltip
```

## Usage

In the browser globally

1. Insert the script tag in your html head:

```html
<script src="https://cdn.jsdelivr.net/npm/@stephenpoole/hex-tooltip/dist/hex.tooltip.js"></script>
```

2. Pass an HTMLElement containing a tooltip tag:
   [Try it out](https://codepen.io/stephenpoole/pen/bGRJqNe)

```html
<div id="hex-tooltip"><span class="hex-tooltip-959f26b8824a7"></span></div>
```

```javascript
HexTooltip.parse(document.getElementById("hex-tooltip"));
```

In the browser with webpack

1. Import `hex-tooltip` into your application:

```javascript
import HexTooltip from "@stephenpoole/hex-tooltip";
```

2. Pass an HTMLElement containing a tooltip tag:

```javascript
HexTooltip.parse(document.getElementById("hex-tooltip"));
```

2a. or mount it in your React application

```javascript
import HexTooltip, { HexTooltipApp, PerkTooltip, PerkModel, DeadByDaylight } from "@stephenpoole/hex-tooltip";

const model = HexTooltip.toModel("Hex: Ruin");
const { rarity, name, description, flavor, owner } = model as PerkModel;

<HexTooltipApp
    title="<span class="hex-tooltip-d9d3e49cb23dd"></span>"
    tooltip={
        <PerkTooltip
            rarity={rarity}
            name={name}
            description={description}
            flavor={flavor}
            owner={owner}
            tier={tier}
        />
    }
/>
```

## Documentation

You'll find the type documentation here:
[Documentation](https://stephenpoole.github.io/hex-tooltip/modules.html)

## License

MIT
npm package: @stephensauceda/eslint-config
Description: An ESLint config for my personal projects
Author: Stephen Sauceda
Latest version: 12.4.0

# @stephensauceda/eslint-config

[![npm](https://img.shields.io/npm/v/@stephensauceda/eslint-config.svg)](https://www.npmjs.com/package/@stephensauceda/eslint-config) [![GitHub license](https://img.shields.io/github/license/mashape/apistatus.svg)](http://opensource.org/licenses/MIT)

An ESLint config for my personal projects

*originally forked from [Kent C. Dodds](https://github.com/kentcdodds/eslint-config-kentcdodds/releases)*

## Installation
```
npm install --save-dev eslint @stephensauceda/eslint-config
```

## Usage
In your `.eslintrc`, enter:

```javascript
{
  "extends": "@stephensauceda",
  "rules": {
    // if you want to override any of the rules enter them here
  }
}
```

## License
MIT