open-index/open-npm huggingface dataset:
npm package: @madsci/bundle-analyzer-core
Description: Bundle Analyzer Node.js uploader.
Author: Greg Bergé
Latest version: 0.5.2-buildfix.1
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

# @bundle-analyzer/core

Official Node.js package compatible with [Bundle Analyzer service](https://www.bundle-analyzer.com).

## Install

```
npm install --save-dev @bundle-analyzer/core
```

## Usage

```js
import { uploadStats } from '@bundle-analyzer/core'
import webpackStats from './webpack-stats.json'

uploadStats({ webpackStats, token: '<repository-token>' })
  .then(() => {
    console.log('uploaded)
  })
```

## Options

### webpackStats

Stats generated from webpack.

### token

You can specify the token using options or environment variable `BUNDLE_ANALYZER_TOKEN`.

### fileSystem

Custom filesystem.

### context

Search the config file from this repository.

### configFile

Specify a custom config file.

## Complete documentation

👉 [See full documentation](https://docs.bundle-analyzer.com/)

## License

MIT
npm package: @madsci/bundle-analyzer-gatsby-plugin
Description: Bundle Analyzer Gatsby plugin.
Author: Greg Bergé
Latest version: 0.5.2-buildfix.1

# @bundle-analyzer/gatsby-plugin

Official Gatsby plugin for with [Bundle Analyzer service](https://www.bundle-analyzer.com).

## Install

```
npm install --save-dev @bundle-analyzer/gatsby-plugin
```

## Usage

**gatsby-config.js**

```js
plugins: [
  {
    resolve: '@bundle-analyzer/gatsby-plugin',
    options: { token: '<repository-token>' },
  },
]
```

## Options

### token

You can specify the token using options or environment variable `BUNDLE_ANALYZER_TOKEN`.

### configFile

You can specify a custom configuration file.

## Complete documentation

👉 [See full documentation](https://docs.bundle-analyzer.com/)

## License

MIT
npm package: @madsci/bundle-analyzer-webpack-plugin
Description: Bundle Analyzer webpack plugin.
Author: Greg Bergé
Latest version: 0.5.2-buildfix.1

# @bundle-analyzer/webpack-plugin

Official webpack plugin compatible with [Bundle Analyzer service](https://www.bundle-analyzer.com).

## Install

```
npm install --save-dev @bundle-analyzer/webpack-plugin
```

## Usage

**webpack.config.js**

```js
const BundleAnalyzerPlugin = require('@bundle-analyzer/webpack-plugin')

module.exports = {
  entry: 'index.js',
  output: {
    path: __dirname + '/dist',
    filename: 'index_bundle.js',
  },
  plugins: [new BundleAnalyzerPlugin({ token: 'Your repository token' })],
}
```

## Options

### token

You can specify the token using options or environment variable `BUNDLE_ANALYZER_TOKEN`.

### configFile

You can specify a custom configuration file.

## Complete documentation

👉 [See full documentation](https://docs.bundle-analyzer.com/)

## License

MIT
npm package: @madsci/graphql-codegen-nestjs
Description: GraphQL Code Generator plugin for @nestjs/graphql
Author: Madscience Ltd
Latest version: 0.0.3

# graphql-codegen-nestjs

A plugin for [GraphQL Code Generator](https://github.com/dotansimha/graphql-code-generator) that produces
classes suitable for use with [@nestjs/graphql](https://github.com/nestjs/graphql) in "code first" mode.

This is based on the official [TypeGraphQL](https://graphql-code-generator.com/docs/plugins/typescript-type-graphql)
plugin but it uses decorators from @nestjs/graphql instead of type-graphql.

## Usage

Installation:

```bash
npm i -D @madsci/graphql-codegen-nestjs
```

Add the plugin to a Codegen output as `@madsci/graphql-codegen-nestjs`. Example:

```yaml
generates:
  './src/schema.ts':
    plugins:
      - '@madsci/graphql-codegen-nestjs'
      - 'typescript-operations'
```

## Configuration

Extends the `typescript` plugin so it supports all of the config parameters of that plugin, plus:

#### `decoratorName`

type: `Partial`

Allows the decorators for each type to be customised. Example:

```yaml
config:
  decoratorName:
    type: 'ObjectType'
    interface: 'InterfaceType'
    arguments: 'ArgsType'
    field: 'Field'
    input: 'InputType'
```
npm package: @madsci/ts-class-initializable
Description: TypeScript abstract class enabling instance initialization from a plain object
Author: Madscience Ltd
Latest version: 1.0.1
Deprecated: WARNING: This project has been renamed to ts-class-initializable. Install using ts-class-initializable instead.

# ts-class-initializable

A small helper to enable class instance property initialization from a plain object.
 
Extend one of the `Initializable` classes and your class constructor will accept a
plain object literal as its first argument, and assign the values to instance properties.

#### Example

```ts
class Foo extends Initializable<Foo> {
  public bar: string;
  public baz: number;
  public optional?: boolean;
}

const instance: Foo = new Foo({
  bar: 'foobar',
  baz: 2,
});

console.log(instance.bar); // 'foobar'
``` 

#### Classes

There are a few flavours:

- `Initializable`: the constructor requires a plain object to initialize the instance
- `PartiallyInitializable`: the constructor requires a plain object to initialize the instance,
  but all properties are treated as optional
- `OptionallyInitializable`: the constructor may accept a plain object to initialize the instance,
  or you can do `new Foo()` without initialization
- `OptionallyPartiallyInitializable`: the constructor may accept a plain object to initialize the instance,
  and all properties are treated as optional
npm package: @madshaerup/rainbow-log
Description: creates a colorful console log
Author: Mads Haerup
Latest version: 2.0.0

# Rainbow-log
This package makes a colorful console log.


## Usage
 install with `npm i @madshaerup/rainbow-log`

 ```javascript
 var rainbowLog = require("@madshaerup/rainbow-log");

 rainbowLog("I am a rainbow");

 ```
npm package: @madsoap/vix
Description: A vuex-like state manager for vue.js.
Author: Louis Chao
Latest version: 0.0.1

# soap-vix

## Installation
``` bash
npm install vix --save-dev
```

## Usage
``` js
// store/modules/base.js
export default {
  state: {
    page: {
      state: 'pending'
    },
    mask: {
      show: false
    }
  },
  mutators: {
    INIT ({state,dispatch},action) {
      state.state = 'ready';
      dispatch({
        type: 'FETCH_USER'
      })
    }
  }
}
```
``` js
// store/modules/user.js
export default {
  state: {
    user: {
      loggedIn: false,
      name: ''
    }
  },
  mutators: {
    FETCH_USER ({state,dispatch},action) {
      state.user.loggedIn = true;
      state.user.name = 'root';
    }
  }
}
```
``` js
// store/store.js
import Vue from 'vue';
import Vix from 'soap-vix';
import base from 'store/modules/base.js';
import user from 'store/modules/user.js';
Vue.use( Vix );

const store = Vix.createStore([base,user]);

new Vue({
  store
})
```

## License
MIT
npm package: @madup-inc/react-imagemarker
Description: Awesome react image marker
Author: madup-inc
Latest version: 0.0.13

# react-imagemarker

> Made with create-react-library

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

## Install

```bash
npm install --save @madup-inc/react-imagemarker
```

## Usage

```tsx
import React from 'react'
import ImageMarker from '@madup-inc/react-imagemarker'
import '@madup-inc/react-imagemarker/dist/index.css'

const markers = [
  {
    x: 20,
    y: 40,
    id: 1,
  },
  {
    x: 40,
    y: 40,
    id: 2,
  },
  {
    x: 70,
    y: 55,
    id: 3,
    render: () => <div style={{ fontSize: 30 }}>🙂</div>,
  },
]

const App = () => {
  return (
    <div style={{ width: 500, height: 500 }}>
      <ImageMarker
        src="https://lever.me/statics/image/introduce/Group16.svg"
        markers={markers}
        onImageClick={({ x, y }, clickEvent, wrapperDom) => {
          console.log({ x, y, clickEvent, wrapperDom })
        }}
      />
    </div>
  )
}

export default App
```

Output 🙂

![](https://user-images.githubusercontent.com/6068828/126769756-aaf6bb1a-1041-4ccf-bd14-6c4cfe2efe44.png)

## License

MIT © [Madup](https://github.com/madup-inc)