open-index/open-npm huggingface dataset:
npm package: @jacobmarshall/serviceworker-storage
Description: localStorage like storage in ServiceWorker
Author: ryo_suga
Latest version: 0.1.0

# serviceworker-storage
Storage that can be used like a localStorage easy-to-use on ServiceWorker.


# install
```
npm install git://github.com/RyotaSugawara/serviceworker-storage.git
```

# usage

## new ServiceWorkerStorage(name, version)
create instance.
+ *name<string>:* your storage name.
+ *version<number>:* version number.
```javascript
import ServiceWorkerStorage from 'serviceworker-storage';
const storage = new ServiceWorkerStoarge('MyStorage', 1);
```

## getItem(key)
get item by key.
+ *key<string>:* storage unique key.
```javascript
storage.getItem('key').then(value => {
  console.log(value);
});
```

## setItem(key, value)
set item to key.
+ *key<string>:* storage unique key.
+ *value<any>:* value you want to save.
```javascript
storage.setItem(key, value);
```

## removeItem(key)
remove item by key.
+ *key<string>:* storage unique key.
```javascript
storage.removeItem(key);
```

## clear()
clear storage.
```javascript
storage.clear();
```
npm package: @jacobmischka/gatsby-plugin-copy-files
Description: Copies files from source to destination.
Author: Jacob Mischka
Latest version: 1.0.0

Specify absolute `source` path and relative `destination` path using plugin options.

```js
{
	resolve: '@jacobmischka/gatsby-plugin-copy-files',
	options: {
		source: `${__dirname}/src/public`,
		destination: ''
	}
},
{
	resolve: '@jacobmischka/gatsby-plugin-copy-files',
	options: {
		source: `${__dirname}/src/images`,
		destination: '/images'
	}
}
```

Must be used with `gatsby-source-filesystem`.
npm package: @jacobmischka/gatsby-plugin-react-svg
Description: Adds svg-react-loader to gatsby webpack config.
Author: Jacob Mischka
Latest version: 1.1.0

Adds [`svg-react-loader`][loader] to gatsby webpack config (and removes `svg`s from the built-in `url-loader` config).

`include` and `exclude` plugin options can be specified, if either is present then `svg-react-loader` will use them and `url-loader` will be reenabled with the inverse.

The following uses `svg-react-loader` to process svgs from a path matching `/assets/`, and `url-loader` to process svgs from everywhere else.

```js
{
    resolve: 'gatsby-plugin-react-svg',
    options: {
        include: /assets/
    }
}
```

[loader]: https://github.com/jhamlet/svg-react-loader
npm package: @jacobmischka/now-sapper
Description: ZEIT Now v2.0 builder for Sapper
Author: Thomas Ghysels
Latest version: 0.22.5

# now-sapper

Your Sapper project must be adapted to work with Zeit Now v2, see https://github.com/thgh/sapper-template/commit/220307c800525633063df3e3373bc76d0e62cd86

For Express, the instance must be exported in `src/server.js`
```js
const app = express()
export default app
```

For Polka, the handler must be exported in `src/server.js`
```js
const app = polka()
export default app.handler
```

Example `now.json`
```json
{
  "version": 2,
  "builds": [
    {
      "src": "__sapper__/build/index.js",
      "use": "now-sapper"
    }
  ],
  "routes": [{ "src": "/(.*)", "dest": "__sapper__/build/index.js" }]
}
```

Recommended ignore:
```bash
# .nowignore
*
!static
!static/
!__sapper__
!__sapper__/
__sapper__/dev
```
npm package: @jacobmischka/papers
Description: Create yourself a LICENSE
Author: Jacob Mischka
Latest version: 1.1.1

Create yourself a LICENSE.

```shell
$ papers -h

  Usage: papers [license name or id] [author name] [year]

  Options:

    -h, --help     output usage information
    -V, --version  output the version number
```

If license or author not given, attempts to read them from `package.json` in current directory.
Year defaults to current year.

Inspired by [captainsafia's][captainsafia] great idea in [captainsafia/legit][legit].

[captainsafia]: https://github.com/captainsafia
[legit]: https://github.com/captainsafia/legit
npm package: @jacobmischka/preact-cli-plugin-flow
Description: Use flow with the Preact CLI
Author: https://github.com/SaraVieira
Latest version: 0.2.1

# preact-cli-plugin-flow

Use flow with the Preact CLI

## Getting Started

Install it via npm:

```shell
npm install preact-cli-plugin-flow --save-dev
```

This will install:

  - [flow-bin](https://github.com/flowtype/flow-bin)
  - [flow-typed](https://github.com/flowtype/flow-typed)
  - [babel-plugin-transform-flow-strip-types](https://www.npmjs.com/package/babel-plugin-transform-flow-strip-types)

After install this plugin will run 3 commands:

  - flow init to create your .flowconfig
  - install flow-bin so you can run the flow binary in your folder
  - run flow-typed update to get all the definitions from libs installed

After this just include it in your project by creating a `preact.config.js`

```javascript
const preactCliFlow = require('preact-cli-plugin-flow');

export default function (config) {
	preactCliFlow(config);
}
```

Now you can use flow all you want 🎉

## License

MIT
npm package: @jacobmischka/react-flatpickr
Description: flatpickr for React
Author: haoxin
Latest version: 3.1.2


[![NPM version][npm-img]][npm-url]
[![License][license-img]][license-url]
[![Dependency status][david-img]][david-url]

### react-flatpickr

[Flatpickr](https://github.com/chmln/flatpickr) for React.

### Usage

```jsx
import 'flatpickr/dist/flatpickr.material_green.min.css'

import Flatpickr from 'react-flatpickr'
import { Component } from 'react'

class App extends Component {
  render() {
    return (
      <Flatpickr data-enable-time
        onChange={v => console.info(v)} />
    )
  }
}
```

* `flatpickr options`: you can pass all `flatpickr parameters` to `props.options`

```jsx
<Flatpickr options={{minDate: '2017-01-01'}} />
```

### License
MIT

[npm-img]: https://img.shields.io/npm/v/react-flatpickr.svg?style=flat-square
[npm-url]: https://npmjs.org/package/react-flatpickr
[travis-img]: https://img.shields.io/travis/coderhaoxin/react-flatpickr.svg?style=flat-square
[travis-url]: https://travis-ci.org/coderhaoxin/react-flatpickr
[codecov-img]: https://img.shields.io/codecov/c/github/coderhaoxin/react-flatpickr.svg?style=flat-square
[codecov-url]: https://codecov.io/github/coderhaoxin/react-flatpickr?branch=master
[license-img]: https://img.shields.io/badge/license-MIT-green.svg?style=flat-square
[license-url]: http://opensource.org/licenses/MIT
[david-img]: https://img.shields.io/david/coderhaoxin/react-flatpickr.svg?style=flat-square
[david-url]: https://david-dm.org/coderhaoxin/react-flatpickr
npm package: @jacobmischka/svelte-flatpickr
Description: Flatpickr component for Svelte
Author: Jacob Mischka
Latest version: 0.2.0

# @jacobmischka/svelte-flatpickr

**Warning: default export currently does not work.** Please see the usage section below.

## Usage

For the time being, import directly from src and compile with svelte in the consuming package.

I haven't yet been able to successfully export a compiled component, but I plan to figure that out soon.

Don't forget to import flatpickr's stylesheets as well.

### Example

```html
<div>
	<Flatpickr options="{{ flatpickrOptions }}"
		on:change="handleChange(...event)" />
</div>

<script>
import Flatpickr from '@jacobmischka/svelte-flatpickr/src/Flatpickr.html';

import 'flatpickr/dist/flatpickr.css';
import 'flatpickr/dist/themes/light.css';

export default {
	data() {
		return {
			flatpickrOptions: {
				enableTime: true,
				onChange(selectedDates, dateStr, instance) {
					console.log('Options onChange handler')
				}
			}
		}
	},

	methods: {
		handleChange(selectedDates, dateStr, instance) {
			console.log('Svelte onChange handler');
		}
	},

	components: {
		Flatpickr
	}
};
</script>
```

### Hooks

Hooks can be specified normally in the options object, or by listening to the svelte event.

When binding svelte handler, `event` will be `[ selectedDates, dateStr, instance ]` (see [flatpickr events docs][flatpickr-events]). You'll likely want to call your handler with `handleChange(...event)` like in the example above, or with `handleChange(event[0][0])` to get the selected date.

[flatpickr-events]: https://chmln.github.io/flatpickr/events/
npm package: @jacobmischka/svelte-rich-components
Description: A collection of some rich components I've made
Author: Jacob Mischka
Latest version: 0.1.2

# @jacobmischka/svelte-rich-components

A set of rich components I've built for various projects and want to reuse in
other projects.

Pretty rough right now, pagination styling is currently nonexistent and I've
only added a couple so far, will continue to add to them as I find time or
need to.

## Usage

You'll need to configure your bundler to compile the exports, as by default
you'll get the source svelte files.

```js
import { Table as RichTable } from '@jacobmischka/svelte-rich-components';
```

Or, you can import the *.html files directly.

```js
import RichTable from '@jacobmischka/svelte-rich-components/Table.html';
```

Components:

- Table.html
- Pagination.html
npm package: @jacobmischka/transform-color
Description: Transforms a color to another color by a percentage.
Author: Jacob Mischka
Latest version: 1.0.0

# @jacobmischka/transform-color

```js
transformColor(start, end, transformedValue);
```

Creates a color that's `transformedValue` of the way between `start` and `end`.

Very simple wrapper over the excellent `Color` library.

Usage:
```js
import transformColor from '@jacobmischka/transform-color';

let purple = transformColor('red', 'blue', 0.5);
let lightPink = transformColor('white', 'red', 0.1);
let translucentOrange = transformColor('transparent', 'orange', 0.4);
```
npm package: @jacobmischka/vue-flatpickr
Description: Flatpickr for Vue
Author: Jacob Mischka
Latest version: 7.0.0

# @jacobmischka/vue-flatpickr

Don't forget to import a theme from `flatpickr/dist/themes`.

[Hooks][hooks] are emitted as vue events, **except** `onDayCreate`. That one fires too often to be an automatic event, please specify that handler in the options object.

[hooks]: https://chmln.github.io/flatpickr/events/#hooks