open-index/open-npm huggingface dataset:
npm package: @minna-ui/rollup-plugin-dev-server
Description: Run a live development server as a rollup plugin.
Author: Max Milton
Latest version: 0.34.1

[![NPM version](https://img.shields.io/npm/v/@minna-ui/rollup-plugin-dev-server.svg)](https://www.npmjs.com/package/@minna-ui/rollup-plugin-dev-server)
[![Licence](https://img.shields.io/npm/l/@minna-ui/rollup-plugin-dev-server.svg)](https://github.com/WeAreGenki/minna-ui/blob/master/LICENCE)

# `@minna-ui/rollup-plugin-dev-server`

Rollup plugin for use in [`Minna UI`](https://github.com/WeAreGenki/minna-ui) projects.

A simple server for development. In situations where you're not using a full-blown web app framework like [sapper](https://sapper.svelte.technology) it's still necessary to serve the web app while in development. This plugin takes care of that in a generic way. No fancy stuff like hot-reloading modules but it will hot-refresh the page after changes.

## Usage

TODO: Write me :)

## Licence

`@minna-ui/rollup-plugin-dev-server` is part of [`Minna UI`](https://github.com/WeAreGenki/minna-ui), an Apache-2.0 licensed open source project. See [LICENCE](https://github.com/WeAreGenki/minna-ui/blob/master/LICENCE).

---

© 2019 [We Are Genki](https://wearegenki.com)
npm package: @minna-ui/svelte-preprocess-markup
Description: Svelte markup preprocessor for use in minna-ui projects.
Author: Max Milton
Latest version: 0.16.0

<!-- markdownlint-disable first-line-h1 ol-prefix -->

[![NPM version](https://img.shields.io/npm/v/@minna-ui/svelte-preprocess-markup.svg)](https://www.npmjs.com/package/@minna-ui/svelte-preprocess-markup)
[![Licence](https://img.shields.io/npm/l/@minna-ui/svelte-preprocess-markup.svg)](https://github.com/WeAreGenki/minna-ui/blob/master/LICENCE)

# `@minna-ui/svelte-preprocess-markup`

Svelte markup preprocessor for use in [`Minna UI`](https://github.com/WeAreGenki/minna-ui) projects. Optimise HTML before it hits Svelte for smaller output. Primarily this trim excessive whitespace but you can enable the `unsafe` option for advanced optimisations.

## Usage

Install:

```sh
yarn add -D @minna-ui/svelte-preprocess-markup
```

Add to your Svelte compile options:

```js
const preprocessMarkup = require('@minna-ui/svelte-preprocess-markup');

const isProd = process.env.NODE_ENV === 'production';

svelte({
  preprocess: {
    // only remove whitespace in production for better feedback during development
    ...(isProd ? { markup: preprocessMarkup() } : {}),
  },
}),
```

### Known issues

**You must wrap `{}` tags in quotes when there are `{` or `}` characters inside the tag.** The exception to this is when using spread attributes (e.g. `{...child.props}`) in which case you must _not_ use quotes.

Incorrect:

```html
<MinnaNavbar segment={child.segment} menuItems={[
  { url: 'example', name: 'Example' },
]}/>
```

Correct (with `"` around `{ }`):

```html
<MinnaNavbar segment="{child.segment}" menuItems="{[
  { url: 'example', name: 'Example' },
]}"/>
```

### Options

| Name | Default | Type | Description |
| --- | --- | --- | --- |
| unsafeWhitespace | `false` | Boolean | Collapse _all_ whitespace between tags (instead of leaving a single space). When using this option you may need to manually add spaces, `{' '}`, around inline elements such as links. |
| unsafe | `false` | Boolean | Enable aggressive and potentially dangerous optimisations. |
| `*` | `undefined` | Any | Any other options you pass in will override the default `html-minifier` options. See the [html-minifier docs](https://github.com/kangax/html-minifier) for more info. |

## Licence

`@minna-ui/svelte-preprocess-markup` is part of [`Minna UI`](https://github.com/WeAreGenki/minna-ui), an Apache-2.0 licensed open source project. See [LICENCE](https://github.com/WeAreGenki/minna-ui/blob/master/LICENCE).

-----

© 2018 [We Are Genki](https://wearegenki.com)
npm package: @minna-ui/svelte-preprocess-style
Description: Svelte style preprocessor for use in minna-ui projects.
Author: Max Milton
Latest version: 0.16.0

<!-- markdownlint-disable first-line-h1 ol-prefix -->

[![NPM version](https://img.shields.io/npm/v/@minna-ui/svelte-preprocess-style.svg)](https://www.npmjs.com/package/@minna-ui/svelte-preprocess-style)
[![Licence](https://img.shields.io/npm/l/@minna-ui/svelte-preprocess-style.svg)](https://github.com/WeAreGenki/minna-ui/blob/master/LICENCE)

# `@minna-ui/svelte-preprocess-style`

Svelte style preprocessor for use in [`Minna UI`](https://github.com/WeAreGenki/minna-ui) projects. Processes styles with PostCSS.

## Usage

TODO: Write me.

## Licence

`@minna-ui/svelte-preprocess-style` is part of [`Minna UI`](https://github.com/WeAreGenki/minna-ui), an Apache-2.0 licensed open source project. See [LICENCE](https://github.com/WeAreGenki/minna-ui/blob/master/LICENCE).

-----

© 2018 [We Are Genki](https://wearegenki.com)
npm package: @minna-ui/toasts
Description: 😸 A fast, friendly, and fun web UI kit for everyone.
Author: Max Milton
Latest version: 0.16.0

<!-- markdownlint-disable first-line-h1 ol-prefix -->

[![NPM version](https://img.shields.io/npm/v/@minna-ui/toasts.svg)](https://www.npmjs.com/package/@minna-ui/toasts)
[![NPM bundle size (minified + gzip)](https://img.shields.io/bundlephobia/minzip/@minna-ui/toasts.svg)](https://bundlephobia.com/result?p=@minna-ui/toasts)
[![Licence](https://img.shields.io/npm/l/@minna-ui/toasts.svg)](https://github.com/WeAreGenki/minna-ui/blob/master/LICENCE)

# `@minna-ui/toasts`

A simple "toast" notification web component. It can be used standalone, in [Svelte](https://svelte.technology/guide) projects, or any JavaScript project.

-----

**NOTE: This package is unfinished.**

-----

TODO: Write note about `@minna-ui/css` interplay/dependency.

TODO: Example image.

TODO: Add link to demo and documentation page.

## Usage

### Standalone

The easiest way to use the component is to add the CDN hosted version directly in your HTML.

> TIP: If you're already using a JavaScript bundler you should follow the [the "Other JavaScript projects"](#other-javascript-projects) instructions.

1. Add the CSS and JS to your document, inside the `<head></head>`:

```html
<link href="https://cdn.jsdelivr.net/npm/@minna-ui/toasts/dist/index.css" rel="stylesheet"/>

<script src="https://cdn.jsdelivr.net/npm/@minna-ui/toasts"></script>
```

Or use a specific version:

```html
<link href="https://cdn.jsdelivr.net/npm/@minna-ui/toasts@0.0.0/dist/index.css" rel="stylesheet"/>

<script src="https://cdn.jsdelivr.net/npm/@minna-ui@0.0.0/toasts"></script>
```

2. Add an element where you want the component to show in your document `<body></body>`:

```html
<div id="minna-toasts"></div>
```

3. Initialise the component:

```html
<script>
  new MinnaToasts({
    target: document.querySelector('#minna-toasts'),
    data: {},
  });
</script>
```

### Svelte projects

Because this is actually a Svelte component, using it in your Svelte projects is simple and allows for the most flexibility and best possible performance.

1. Install the package:

```sh
yarn add @minna-ui/toasts
```

2. Add to your Svelte component:

`MySvelteComponent.html`:

```html
<MinnaToasts/>

<script>
  import MinnaToasts from '@minna-ui/toasts';

  export default {
    components: {
      MinnaToasts,
    },
  };
</script>
```

### Other JavaScript projects

This component can also be used alongside any JavaScript project, regardless of your framework of choice, by using ES6 modules import.

1. Install the package:

```sh
yarn add @minna-ui/toasts
```

2. Add to your files:

`my-example.html`:

```html
<div id="minna-toasts"></div>
```

`my-example.js`:

```js
import MinnaToasts from '@minna-ui/toasts';

new MinnaToasts({
  target: document.querySelector('#minna-toasts'),
  data: {},
});
```

## Licence

`@minna-ui/toasts` is part of [`Minna UI`](https://github.com/WeAreGenki/minna-ui), an Apache-2.0 licensed open source project. See [LICENCE](https://github.com/WeAreGenki/minna-ui/blob/master/LICENCE).

-----

© 2018 [We Are Genki](https://wearegenki.com)
npm package: @minna-ui/tslint-config
Description: TSLint config presets for use in Minna UI projects.
Author: Max Milton
Latest version: 0.24.0

[![NPM version](https://img.shields.io/npm/v/@minna-ui/tslint-config.svg)](https://www.npmjs.com/package/@minna-ui/tslint-config)
[![Licence](https://img.shields.io/npm/l/@minna-ui/tslint-config.svg)](https://github.com/WeAreGenki/minna-ui/blob/master/LICENCE)

# `@minna-ui/tslint-config`

> **IMPORTANT:** This package is deprecated! Use `@minna-ui/eslint-config` instead which now supports TypeScript and is far more capable than TSLint.

TSLint config presets for use in [`Minna UI`](https://github.com/WeAreGenki/minna-ui) projects.

## Usage

TODO: Write me :)

## Licence

`@minna-ui/tslint-config` is part of [`Minna UI`](https://github.com/WeAreGenki/minna-ui), an Apache-2.0 licensed open source project. See [LICENCE](https://github.com/WeAreGenki/minna-ui/blob/master/LICENCE).

---

© 2019 [We Are Genki](https://wearegenki.com)