open-index/open-npm huggingface dataset:
npm package: @mariojgt/masterui
Description: laravel package
Author: mariojgt
Latest version: 0.6.14

# Welcome to Master UI
This npm package is a collection of UI design to work with laravel aplications using inersia js with vue 3 js, by default it use daisy ui, more info about daisy ui [here](https://daisyui.com/), that required to have tailwind css installed, if you want a laravel application ready to use please check [here](https://github.com/mariojgt/skeleton) the skeleton package comes with login for admin and front end ready to be use with 2 steps verification out of the box, it can be fully customize or event you can use the package as a skeleton for your project, the package is open source and can be used in any way you want.

## Installation

```bash
npm i @mariojgt/masterui
```
## How to use
There is some few components to use, buy they will be added as they need, fell free to do any request and help us to improve this package.

## Text input
In your vue component you can use the text input component like this:

```vue
<template>
    <input-field
        v-model="email"
        label="Email"
        type="email"
        name="email"
        id="email"
        placeholder="type your email"
    />
</template>

<script setup>
// Import the from components
import InputField from "@mariojgt/masterui/packages/Input/index";

</script>
```

## Password Input
In your vue component you can use the text input component like this:

```vue
<template>
    <input-password
        v-model="email"
        label="Email"
        type="email"
        name="email"
        id="email"
        placeholder="type your email"
    />
</template>

<script setup>
// Import the from components
import InputField from "@mariojgt/masterui/packages/Input/index";

</script>
```

## LinkButton
In your vue component you can use the text input component like this:

```vue
<template>
    <LinkButton name="Login" :link="loginLink" />
</template>

<script setup>
// Import the from components
import LinkButton from "@mariojgt/masterui/packages/Link/index";

</script>
```

## Button Submit
In your vue component you can use the text input component like this:

```vue
<template>
    <Submit name="Login" :link="loginLink" />
</template>

<script setup>
// Import the from components
import Submit from "@mariojgt/masterui/packages/Submit/index";

</script>
```
npm package: @mariolazzari/met
Description: This package is a TypeScript based wrapper around the public REST APIs of *Metropolitan museum of Art* (New York).
Author: Mario Lazzari
Latest version: 0.1.0

# Met

This package is a TypeScript based wrapper around the public REST APIs of *Metropolitan museum of Art* (New York).

**Prerequisites**

This package requires [NodeJS](https://nodejs.org) (version 18 or later) and a node package manager (Npm, Yarn, Pnpm or Bun).

To make sure you have them available on your machine, try running the following command.

```sh
npm -v && node -v
v10.1.0
v20.9.0
```

## Getting started

These instructions will get you a copy of the project up and running on your local machine for development and testing purposes. See deployment for notes on how to deploy the project on a live system.

### Installation

**BEFORE YOU INSTALL:** please read the prerequisites.

Start with cloning this repo on your local machine:

```sh
$ git clone https://github.com/mariolazzari/met.git
$ cd met
```

To install and set up the library, run:

```sh
$ pnpm add @mariolazzari/met
```

## Usage

**Import package**

```sh
import { Met } from "@mariolazzari/met"
```

**Watch mode**

```sh
pnpm test
```

**Unit testing**

```sh
pnpm test
```

**Bulding new version**

```sh
pnpm build
```

This task will create a distribution version of the project inside your local *dist/* folder


## Met class

Met *class* content handles all the requests and the responses to the Metropolitan museum of Art public REST APIs.

### Constructor

In order to initialize Met client:

```js
const met = new Met()
```

### Types

#### Resukt<T>

Discriminated union containing api calls: you can test success in order to get both value or error message.

```ts
type Result<T> =
  | {
      success: true;
      data: T;
    }
  | {
      success: false;
      error: string;
    };
```

### Methods

Met client includes the following public methods:

#### getDepartments

Get full departments list.

```ts
 public async getDepartments(): Promise<Result<DepartmentsResponse>> {
    return await this.fetchData<DepartmentsResponse>('departments');
  }
```

#### getObject

#### search

## Authors

* **Mario Lazzari** - *Initial work*

## Links

* Demo [app](https://www.mariolazzari.it/hobbies/art/met)
* My personal [site](https://mariolazzari.it)
* My [github](https://github.com/mariolazzari) profile
* Metropolitan Museum of Art APIs [documentation](https://metmuseum.github.io/)
npm package: @mariolopjr/gatsby-remark-relative-images
Description: Convert image src(s) in markdown to be relative to their node's parent directory. This will help gatsby-remark-images match images outside the node folder. For example, use with NetlifyCMS.
Author: Daniel Mahon
Latest version: 0.1.2

# gatsby-remark-relative-images

Convert image src(s) in markdown to be relative to their node's parent directory. This will help [gatsby-remark-images](https://github.com/gatsbyjs/gatsby/tree/master/packages/gatsby-remark-images) match images outside the node folder. For example, use with NetlifyCMS.

NOTE: This was built for use with NetlifyCMS and should be considered a temporary solution until relative paths are supported. If it works for other use cases than great!

## Install

`npm install --save gatsby-remark-relative-images`

## How to use

```javascript
// gatsby-config.js
plugins: [
  // Add static assets before markdown files
  {
    resolve: 'gatsby-source-filesystem',
    options: {
      path: `${__dirname}/static/uploads`,
      name: 'uploads',
    },
  },
  {
    resolve: 'gatsby-source-filesystem',
    options: {
      path: `${__dirname}/src/pages`,
      name: 'pages',
    },
  },
  {
    resolve: `gatsby-transformer-remark`,
    options: {
      plugins: [
        // gatsby-remark-relative-images must
        // go before gatsby-remark-images
        {
          resolve: `gatsby-remark-relative-images`,
        },
        {
          resolve: `gatsby-remark-images`,
          options: {
            // It's important to specify the maxWidth (in pixels) of
            // the content container as this plugin uses this as the
            // base for generating different widths of each image.
            maxWidth: 590,
          },
        },
      ],
    },
  },
];
```

### To convert frontmatter images

Use the exported function `fmImagesToRelative` in your `gatsby-node.js`. This takes every node returned by your gatsby-source plugins and converts any absolute paths in markdown frontmatter data into relative paths if a matching file is found.

```js
// gatsby-node.js
const { fmImagesToRelative } = require('gatsby-remark-relative-images');

exports.onCreateNode = ({ node }) => {
  fmImagesToRelative(node);
};
```
npm package: @mariolopjr/gatsby-source-strapi
Description: Gatsby source plugin for building websites using Strapi as a data source
Author: Strapi Solutions
Latest version: 0.0.3-2

# gatsby-source-strapi

Source plugin for pulling documents into Gatsby from a Strapi API.

## Install

`npm install --save gatsby-source-strapi`

## How to use

```javascript
// In your gatsby-config.js
plugins: [
  {
    resolve: `gatsby-source-strapi`,
    options: {
      apiURL: `http://localhost:1337`,
      contentTypes: [`article`, `user`],
      // Possibility to login with a strapi user, when content types are not publically available (optional).
      loginData: {
        identifier: "",
        password: "",
      },
    },
  },
]
```

## How to query

You can query Document nodes created from your Strapi API like the following:

```graphql
{
  allStrapiArticle {
    edges {
      node {
        id
        title
        content
      }
    }
  }
}
```
npm package: @mariomorenodev/nest-response-logger
Description: Logger global interceptor library for Nest apps
Author: Mario Moreno
Latest version: 1.1.1

## Description

Logger global interceptor library for Nest apps

## Installation

```bash
$ npm install @mariomorenodev/nest-response-logger
```

Copy the variables from the `.env.example` file to the `.env` file

```bash
$ cp .env.example .env
```

Or add variables to the environment 

```bash
TZ=UTC

LOG_FILE_PATH=./logs/app.log
LOG_FILE_ENABLED=false
```
## Usage

Add the NestResponseLogger service globally in the `main.ts` file:

```typescript
import { NestResponseLoggerService } from '@mariomorenodev/nest-response-logger';

import { AppModule } from './app.module';

async function bootstrap() {
  const app = await NestFactory.create(AppModule, {
    logger: new NestResponseLoggerService(),
  });
  await app.listen(3000);
}
bootstrap();
```

Add the interceptor globally in the `app.module.ts` file:

```typescript
import { LoggerInterceptor } from '@mariomorenodev/nest-response-logger';
import { NestResponseLoggerModule } from '@mariomorenodev/nest-response-logger';

@Module({
  imports: [NestResponseLoggerModule],
  providers: [
    AppService,
    {
      provide: APP_INTERCEPTOR,
      useClass: LoggerInterceptor,
    },
  ],
})
```

## License

Nest response logger [MIT licensed](LICENSE.md).

```

```
npm package: @marionebl/babel-plugin-transform-scss-import-to-string
Description: Babel plugin for transforming SCSS imports to static variable declarations with transpiled CSS string
Author: Sergey Bekrin
Latest version: 0.1.2

# babel-plugin-transform-scss-import-to-string

<a href="https://travis-ci.org/researchgate/babel-plugin-transform-scss-import-to-string"><img alt="Build Status" src="https://travis-ci.org/researchgate/babel-plugin-transform-scss-import-to-string.svg?branch=master"></a>
<a href="https://codecov.io/gh/researchgate/babel-plugin-transform-scss-import-to-string"><img alt="Codecov" src="https://img.shields.io/codecov/c/github/researchgate/babel-plugin-transform-scss-import-to-string.svg"></a>
<a href="https://greenkeeper.io/"><img alt="Greenkeeper badge" src="https://badges.greenkeeper.io/researchgate/babel-plugin-transform-scss-import-to-string.svg"></a>
<a href="https://www.npmjs.com/package/@researchgate/babel-plugin-transform-scss-import-to-string"><img alt="NPM version" src="https://img.shields.io/npm/v/@researchgate/babel-plugin-transform-scss-import-to-string.svg"></a>

Babel transform plugin for replacing \*.scss imports with static variable
declaration as css string.

## Example

```js
import sideEffectStyles from './styles.sass';
// vvv
const sideEffectStyles = '.foo { color: red; }';
```

## Quick start

Install the plugin first:

```sh
# yarn
yarn add --dev @researchgate/babel-plugin-transform-scss-import-to-string

# npm
npm install --save-dev @researchgate/babel-plugin-transform-scss-import-to-string
```

Add it to your babel configuration:

```json
{
  "plugins": ["@researchgate/babel-plugin-transform-scss-import-to-string"]
}
```

Or with custom [`node-sass` options](https://github.com/sass/node-sass#options):

```json
{
  "plugins": [
    [
      "@researchgate/babel-plugin-transform-scss-import-to-string",
      { "precision": 3 }
    ]
  ]
}
```

Import \*.scss files:

```scss
// foo.scss
$bar: 42px;
.foo {
  font-size: $bar;
}
```

```js
// foo.js
import foo from './foo.scss';
console.log(foo); // -> .foo { font-size: 42px; }
```

## Requirements

- `node-sass`, which you should install explicitly
- `babel-core`, which you should already have with babel configured

## Caveats

- This module shouldn't be used with webpack and sass-loader since babel
  transform would take first place in build process.
- Every import transpiled with node-sass as an independent file, so you have to
  explicitly import dependencies if you used to have common context before.
npm package: @marionebl/bundle-id
Description: Get bundle identifier from a bundle name (macOS): `Safari` → `com.apple.Safari`
Author: Sindre Sorhus
Latest version: 2.0.1

# bundle-id [![Build Status](https://travis-ci.org/sindresorhus/bundle-id.svg?branch=master)](https://travis-ci.org/sindresorhus/bundle-id)

> Get [bundle identifier](https://developer.apple.com/library/Mac/documentation/General/Reference/InfoPlistKeyReference/Articles/CoreFoundationKeys.html#//apple_ref/doc/plist/info/CFBundleIdentifier) from a [bundle name](https://developer.apple.com/library/Mac/documentation/General/Reference/InfoPlistKeyReference/Articles/CoreFoundationKeys.html#//apple_ref/doc/plist/info/CFBundleName) (macOS): `Safari` → `com.apple.Safari`


## Install

```
$ npm install --save bundle-id
```


## Usage

```js
const bundleId = require('bundle-id');

bundleId('Safari').then(id => {
	console.log(id);
	//=> 'com.apple.Safari'
});
```


## Related

- [bundle-id-cli](https://github.com/sindresorhus/bundle-id-cli) - CLI for this module
- [bundle-name](https://github.com/sindresorhus/bundle-name) - Get bundle name from a bundle identifier


## License

MIT © [Sindre Sorhus](https://sindresorhus.com)
npm package: @marionebl/copy-node-modules
Description: Copy node_modules stated in a package.json file
Author: Mario Nebl
Latest version: 1.0.10

# copy-node-modules - fast deploy Node.js modules to distination folder
Copy all modules listed in 'dependencies' or 'devDependencies' field of package.json to destination folder. 

The procedure:

1. Read package.json from source directoy, and read 'dependencies' or 'devDependencies' field.
2. Search existed modules in source directory, and search all dependencies.
3. Copy all modules to destination directory.

The modern applications use lots of modules, each module depends on more modules, results hundreds of modules need to be installed when typing `npm install`. When you want to pack/deploy your application to a folder which contains all needed modules, this module will help you to save time from slow `npm install`

It will save you a bunch of time to deploy stand-alone application from existed development directory, no need to fetch all modules from remote repository.

## Installation
    npm install copy-node-modules --save-dev

## Programmatic Usage
```javascript
var copyNodeModule = require('copy-node-modules');
```
#### copyNodeModules(srcDir, dstDir, [options], callback)
* `srcDir`: source directory contains package.json file.
* `dstDir`: destination directory to copy modules, the modules will copy to `dstDir/node_modules` directory.
* `options`:
  `devDependencies`: Boolean value, defaults to **false**, also copy development modules when it sets to **true**
* `callback(err, results)`: A callback which is called when all copy tasks have finished or error occurs, `results` is an array contains copied modules, each item is an object as `{name: 'xxx', version: 'xxx'}`

## Examples
```javascript
var copyNodeModule = require('copy-node-modules');
var srcDir = '/somewhere/project';
var dstDir = '/somewhere/project/dist';
copyNodeModule(srcDir, dstDir, {devDependencies: false}, function(err, results) {
  if (err) {
    console.error(err);
    return;
  }
  for (var i in results) {
    console.log('package name:' + results[i].name + ' version:' + results[i].version);
  }
});
```

## CLI Usage
    Usage: Usage: copy-node-modules src_dir dest_dir [--dev] [-v|--verbose]
* `src_dir`: source directory contains package.json file.
* `dest_dir`: destination directory to copy modules, the modules will copy to `dstDir/node_modules` directory.
* `--dev`: also copy modules listed in `devDependencies` field.
* `-v|--verbose`: verbose mode.

## License
MIT
npm package: @marionebl/git-fs-repo
Description: filesystem backed git repository
Author: Chris Dickinson
Latest version: 0.1.2

# git-fs-repo

filesystem-backed read-only git repository object.

ties together all of the fs-based ODB backends, and
the ref discovery mechanism.

```javascript
var load = require('git-fs-repo')

load('/path/to/repository/.git', function(err, git) {
  var head = git.ref('HEAD').hash

  git.find(head, function(err, obj) {

  }) 
})
```

## API

#### load(dir, ready(err, repo)) -> undefined

Load a git repository from dir. `ready` will be
called with the error (if any), and the repository
object.

#### repo.find(Buffer | String hash, ready(err, object))

Lookup a git object from the backends. Hash must be either
a 40-character hexadecimal string, or a 20-byte Buffer.

If no object was found, there will be no error, but also no
data.

If there was an error in any of the backends, it will be propagated
as `err`.

**NB**: `find` is tightly bound to the repository object, since so
many other `git-*` projects rely on having a `find` function provided.

So instead of doing:

```javascript
var walk = require('git-walk-tree')
  , repo = /* some repo */0;

walk(find, head_commit)

function find(oid, ready) {
  return repo.find(oid, ready)
}
```

You can do:

```javascript
var walk = require('git-walk-tree')
  , repo = /* some repo */0;

walk(repo.find, head_commit)
```

#### repo.ref(name[, follow=true]) -> Reference

Lookup a reference by name. If follow is true or not given, it will
dereference any intermediary symbolic references (i.e., refs that point
at other refs.)

#### repo.refs([follow=true]) -> [Reference, ...]

Return all references. If follow is true or not given, it will
dereference symbolic links, and the returned list will include only
one reference per unique hash.

## License

MIT
npm package: @marionebl/git-latest-semver-tag
Description: Get the most recent git semver tag of your repository
Author: Steve Mao
Latest version: 1.0.1

#  [![NPM version][npm-image]][npm-url] [![Build Status][travis-image]][travis-url] [![Dependency Status][daviddm-image]][daviddm-url] [![Coverage Status][coveralls-image]][coveralls-url]

> Get the most recent git semver tag of your repository


## Install

```sh
$ npm install --save git-latest-semver-tag
```


## Usage

```js
var gitLatestSemverTag = require('git-latest-semver-tag');

gitLatestSemverTag(function(err, tag) {
  console.log(tag);
  //=> 'v1.0.0'
});
```

```sh
$ npm install --global git-latest-semver-tag
$ git-latest-semver-tag
v1.0.0
```


## License

MIT © [Steve Mao](https://github.com/stevemao)


[npm-image]: https://badge.fury.io/js/git-latest-semver-tag.svg
[npm-url]: https://npmjs.org/package/git-latest-semver-tag
[travis-image]: https://travis-ci.org/stevemao/git-latest-semver-tag.svg?branch=master
[travis-url]: https://travis-ci.org/stevemao/git-latest-semver-tag
[daviddm-image]: https://david-dm.org/stevemao/git-latest-semver-tag.svg?theme=shields.io
[daviddm-url]: https://david-dm.org/stevemao/git-latest-semver-tag
[coveralls-image]: https://coveralls.io/repos/stevemao/git-latest-semver-tag/badge.svg
[coveralls-url]: https://coveralls.io/r/stevemao/git-latest-semver-tag
npm package: @marionebl/git-load-refs
Description: stream of git refs given a stream of paths and fs.Stats
Author: Chris Dickinson
Latest version: 0.1.0

# git-load-refs

a stream to transform [entries from ls-stream](http://npm.im/ls-stream) into
objects representing references.

```javascript
var ls = require('ls-stream')
  , refs = require('git-load-refs')

ls('.git')
  .pipe(refs('.git'))
  .on('data', function(entry) {
    console.log(entry)
  })

```

## API (basically just data events)

```javascript
{ 'symbolic': true | false
, 'ref': null | 'refname'
, 'hash': null | 'git hash'
, 'type': 'ref' | 'root-ref'
, 'name': 'ref name' }  
```

## License

MIT
npm package: @marionebl/git-raw-commits
Description: Get raw git commits out of your repository using git-log(1)
Author: Steve Mao
Latest version: 1.2.0

#  [![NPM version][npm-image]][npm-url] [![Build Status: Linux][travis-image]][travis-url] [![Build Status: Windows][appveyor-image]][appveyor-url] [![Dependency Status][daviddm-image]][daviddm-url] [![Coverage Status][coveralls-image]][coveralls-url]

> Get raw git commits out of your repository using git-log(1)


## Install

```sh
$ npm install --save git-raw-commits
```


## Usage

```js
var gitRawCommits = require('git-raw-commits');

gitRawCommits(options)
  .pipe(...);
```


## API

### gitRawCommits([options])

Returns a readable stream. Stream is split to break on each commit.

#### options

Type: `object`

Please check the available options at http://git-scm.com/docs/git-log.
**NOTE:** Single dash arguments are not supported because of https://github.com/sindresorhus/dargs/blob/master/index.js#L5.

*NOTE*: for `<revision range>` we can also use `<from>..<to>` pattern, and this module has the following extra options for shortcut of this patter:

##### from

Type: `string` Default: `''`

##### to

Type: `string` Default: `'HEAD'`

This module also have the following additions:

##### format

Type: `string` Default: `'%B'`

Please check http://git-scm.com/docs/git-log for format options.

##### debug

Type: `function`

A function to get debug information.

##### path

Type: `string`

Filter commits to the path provided. 


## CLI

```sh
$ npm install --global git-raw-commits
$ git-raw-commits --help # for more details
```


## License

MIT © [Steve Mao](https://github.com/stevemao)


[npm-image]: https://badge.fury.io/js/git-raw-commits.svg
[npm-url]: https://npmjs.org/package/git-raw-commits
[travis-image]: https://travis-ci.org/conventional-changelog/git-raw-commits.svg?branch=master
[travis-url]: https://travis-ci.org/conventional-changelog/git-raw-commits
[appveyor-image]: https://ci.appveyor.com/api/projects/status/4qm3bjmg41k3dsbv/branch/master?svg=true
[appveyor-url]: https://ci.appveyor.com/project/stevemao/git-raw-commits/branch/master
[daviddm-image]: https://david-dm.org/conventional-changelog/git-raw-commits.svg?theme=shields.io
[daviddm-url]: https://david-dm.org/conventional-changelog/git-raw-commits
[coveralls-image]: https://coveralls.io/repos/conventional-changelog/git-raw-commits/badge.svg
[coveralls-url]: https://coveralls.io/r/conventional-changelog/git-raw-commits
npm package: @marionebl/git-semver-tags
Description: Get all git semver tags of your repository in reverse chronological order
Author: Steve Mao
Latest version: 1.1.7

#  [![NPM version][npm-image]][npm-url] [![Build Status][travis-image]][travis-url] [![Dependency Status][daviddm-image]][daviddm-url] [![Coverage Status][coveralls-image]][coveralls-url]

> Get all git semver tags of your repository in reverse chronological order

*Note:* since lightweight tags do not store date information, the date of a tag is the date of the commit that is tagged on. If two tags on one commit, the order is not guaranteed.


## Install

```sh
$ npm install --save git-semver-tags
```


## Usage

```js
var gitSemverTags = require('git-semver-tags');

gitSemverTags(function(err, tag) {
  console.log(tag);
  //=> [ 'v2.0.0', 'v1.0.0' ]
});
```

```sh
$ npm install --global git-semver-tags
$ git-semver-tags
v2.0.0
v1.0.0
```


## License

MIT © [Steve Mao](https://github.com/stevemao)


[npm-image]: https://badge.fury.io/js/git-semver-tags.svg
[npm-url]: https://npmjs.org/package/git-semver-tags
[travis-image]: https://travis-ci.org/stevemao/git-semver-tags.svg?branch=master
[travis-url]: https://travis-ci.org/stevemao/git-semver-tags
[daviddm-image]: https://david-dm.org/stevemao/git-semver-tags.svg?theme=shields.io
[daviddm-url]: https://david-dm.org/stevemao/git-semver-tags
[coveralls-image]: https://coveralls.io/repos/stevemao/git-semver-tags/badge.svg
[coveralls-url]: https://coveralls.io/r/stevemao/git-semver-tags
npm package: @marionebl/isomorphic-fetch
Description: Isomorphic WHATWG Fetch API, for Node & Browserify
Author: Matt Andrews
Latest version: 3.0.0

isomorphic-fetch [![Build Status](https://travis-ci.org/matthew-andrews/isomorphic-fetch.svg?branch=master)](https://travis-ci.org/matthew-andrews/isomorphic-fetch)
================

Fetch for node and Browserify.  Built on top of [GitHub's WHATWG Fetch polyfill](https://github.com/github/fetch).

## Warnings

- This adds `fetch` as a global so that its API is consistent between client and server.
- You must bring your own ES6 Promise compatible polyfill, I suggest [es6-promise](https://github.com/jakearchibald/es6-promise).

For [ease-of-maintenance and backward-compatibility reasons][why polyfill], this library will always be a polyfill. As a "safe" alternative, which does not modify the global, consider [fetch-ponyfill][].

[why polyfill]: https://github.com/matthew-andrews/isomorphic-fetch/issues/31#issuecomment-149668361
[fetch-ponyfill]: https://github.com/qubyte/fetch-ponyfill

## Installation

### NPM

```sh
npm install --save isomorphic-fetch es6-promise
```

### Bower

```sh
bower install --save isomorphic-fetch es6-promise
```

## Usage

```js
require('es6-promise').polyfill();
require('isomorphic-fetch');

fetch('//offline-news-api.herokuapp.com/stories')
	.then(function(response) {
		if (response.status >= 400) {
			throw new Error("Bad response from server");
		}
		return response.json();
	})
	.then(function(stories) {
		console.log(stories);
	});
```

## License

All open source code released by FT Labs is licenced under the MIT licence.  Based on [the fine work by](https://github.com/github/fetch/pull/31) **[jxck](https://github.com/Jxck)**.
npm package: @marionebl/react-dom
Description: React package for working with the DOM.
Latest version: 16.3.1

# `react-dom`

This package serves as the entry point of the DOM-related rendering paths. It is intended to be paired with the isomorphic React, which will be shipped as `react` to npm.

## Installation

```sh
npm install react react-dom
```

## Usage

### In the browser

```js
var React = require('react');
var ReactDOM = require('react-dom');

class MyComponent extends React.Component {
  render() {
    return <div>Hello World</div>;
  }
}

ReactDOM.render(<MyComponent />, node);
```

### On the server

```js
var React = require('react');
var ReactDOMServer = require('react-dom/server');

class MyComponent extends React.Component {
  render() {
    return <div>Hello World</div>;
  }
}

ReactDOMServer.renderToString(<MyComponent />);
```

## API

### `react-dom`

- `findDOMNode`
- `render`
- `unmountComponentAtNode`

### `react-dom/server`

- `renderToString`
- `renderToStaticMarkup`
npm package: @marionebl/redux-cli-logger
Description: Redux logger for a node environment
Latest version: 1.4.0

# redux-cli-logger

### A redux logger for command-line environments (node.js)

No innovations here, just a logger middleware for
[redux](https://github.com/rackt/redux) that will write all redux actions and
state changes to the node.js console.

Configuration and output format inspired by [redux-logger](https://github.com/fcomb/redux-logger)

![redux-node-logger screenshot](https://cloud.githubusercontent.com/assets/9889378/9400145/f321b9fe-478b-11e5-9f77-b08baf9573b9.png
"A Redux Logger for Node Environments")

### Installation

```bash
npm install --save-dev redux-cli-logger
```

### Usage

redux-cli-logger must be called as a function before being utilized as
middleware. This allows passing in options to overwrite all colors and arrow
icons, as well as a predicate that functions like that in redux-logger. Here's
what a simple configureStore function might look like:

```javascript
import reducer from '../reducers'
import createCLILogger from 'redux-cli-logger'

const middleware = [
  // your middleware here
]

if (process.env.NODE_ENV === 'development') {
  const loggerOptions = {
    predicate: (getState, action) => !action.MONITOR_ACTION
  }
  const logger = createCLILogger(loggerOptions)
  middleware.push(logger)
}

const enhancer = compose(
  applyMiddleware(...middleware)
  // optionally, electron-enhancer, redux-loop, etc.
)

const initialState = {}
const store = createStore(reducer, initialState, enhancer)
```

### Configuration

The options object has overridable defaults that look like this:

```javascript
{
  downArrow: '▼',
  rightArrow: '▶',
  messageColor: 'bright-yellow',
  prevColor: 'grey',
  actionColor: 'bright-blue',
  nextColor: 'green',
  // when non-null, only prints if predicate(getState, action) is truthy
  predicate: null,
  // useful to trim parts of the state atom that are too verbose
  stateTransformer: (state) => state,
  // useful to censor private messages (containing password, etc.)
  actionTransformer: (action) => action,
}
```
npm package: @marionebl/run-applescript
Description: Run AppleScript and get the result
Author: Sindre Sorhus
Latest version: 3.0.0

# run-applescript [![Build Status](https://travis-ci.org/sindresorhus/run-applescript.svg?branch=master)](https://travis-ci.org/sindresorhus/run-applescript)

> Run AppleScript and get the result


## Install

```
$ npm install --save run-applescript
```


## Usage

```js
const runApplescript = require('run-applescript');

runApplescript('return "unicorn"').then(result => {
	console.log(result);
	//=> 'unicorn'
});
```

## API

### runAppleScript(script)

Returns a `Promise<string>` of the script results

### runAppleScript.sync(script)

Returns the script results as `string`

## Related

- [run-jxa](https://github.com/sindresorhus/run-jxa) - Run JXA code and get the result


## License

MIT © [Sindre Sorhus](https://sindresorhus.com)
npm package: @marionebl/sse-stream
Description: expose html5 server sent events (sse) as a writable stream
Author: Chris Dickinson
Latest version: 0.0.5

# sse-stream

Expose [HTML5 Server Sent Events](https://developer.mozilla.org/en-US/docs/Server-sent_events/Using_server-sent_events) as an installable appliance on Node.JS `http` servers; connections are emitted as [Writable streams](https://github.com/dominictarr/stream-spec/blob/master/stream_spec.md#writablestream).

```javascript

var http = require('http')
  , fs = require('fs')
  , through = require('through')
  , sse = require('sse-stream')('/sse')
  , serv

module.exports = serv = http.createServer(function(req, resp) {
  resp.setHeader('content-type', 'text/html')
  resp.end('<html><body><script type="text/javascript">('+js+')()</script></body></html>')
})

sse.install(serv)

sse.on('connection', function(client) {
  fs.createReadStream('/usr/share/dict/words')
    .pipe(through(function(buf) { this.emit('data', buf.toString()) }))
    .pipe(client)
})

// client-side code:
function js() {
  var es = new EventSource('/sse')
    , pre = document.createElement('pre')
    , closed = false

  document.body.appendChild(pre)

  es.onmessage = function(ev) {
    if(closed) return

    pre.appendChild(document.createTextNode(ev.data))

    window.scrollTo(0, pre.clientHeight)
  }

  es.addEventListener('end', function() {
    es.close()
    closed = true
  }, true)

  es.onerror = function(e) {
    closed = true
  }
}

```

# API

### sse = require('sse-stream')(path | options)

Create a SSE server that emits `connection` events on new, successful eventstream connections.

The argument may either be a string `path` to listen on (defaults to `/sse/`) or an object:

```javascript
{ path: '/listen/on/this/path'
, keepalive: 1000 }
``` 

`keepalive` determines the interval time in ms that keepalives will be sent to all connected clients.

### sse.on('connection', function(client))

`client` is a writable stream representing a client connection (request response pair).

Of note, all data sent through this connection will be stringified before sending due to
the event stream spec.

### client.retry(integer ms)

Send a "retry" message that lets the client know how many MS to wait until retrying a connection that ended.

# license

MIT
npm package: @mariopando/vue2-geocoder
Description: A vue 2 plugin to interact with google maps api
Author: Cody Moorhouse
Latest version: 1.0.4

# Vue Geocoder
A vue.js plugin to interact with google maps api.

## How to initialize Vue Geocoder
A vue 2 plugin to interact with google maps api that will query the google maps API to retrieve location results.

```javascript
import Geocoder from "@mariopando/vue2-geocoder";

Vue.use(Geocoder, {
    googleMapsApiKey: GOOGLE_MAPS_API_KEY
});
```
## Usage
General usage: ```Vue.$geocoder.[FUNCTION_NAME]```

##### Address Example
```javascript
Vue.$geocoder.setDefaultMode('address');      // this is default
var addressObj = {
    address_line_1: '1600 Amphitheatre Parkway',
    address_line_2: '',
    city:           'Mountain View',
    state:          'CA',               // province also valid
    zip_code:       '94043',            // postal_code also valid
    country:        'United States'
}
Vue.$geocoder.send(addressObj, response => { console.log(response) });
```

Its important to note that even if your country is set in the address object to the specified country, it is still possible to pull results from other countries. If you want to limit the results to a specific country, you must set the country code in the geocoder.
```javascript
Vue.$geocoder.setDefaultCountryCode('CA');
```

If you like define the response language use this option
```javascript
Vue.$geocoder.setDefaultLanguage('es');
```
[Click here for Country Codes](https://developers.google.com/maps/coverage)

##### Lat Lng Example
```javascript
Vue.$geocoder.setDefaultMode('lat-lng');    // this is default
var latLngObj = {
    lat: 37.421512,
    lng: -122.084101
}
Vue.$geocoder.send(latLngObj, response => { console.log(response) });
```

## License
This project is covered under the MIT License. Feel free to use it wherever you like.