open-index/open-npm huggingface dataset:
npm package: @giliam/ark-breeze
Description: A modern light theme for the ARK desktop wallet.
Author: Giliam Verheide
Latest version: 1.0.5

[![NPM](https://img.shields.io/npm/v/@giliam/ark-pro)](https://www.npmjs.com/package/@giliam/ark-breeze) [![License: MIT](https://img.shields.io/npm/l/@giliam/ark-breeze)](https://opensource.org/licenses/MIT)

# ARK Breeze
A modern light theme for the [ARK desktop wallet](https://github.com/ArkEcosystem/desktop-wallet).

![Theme Preview](/src/images/github/preview.png)

## Installation

 1. Clone this repository or download it and unzip it into `~/.ark-desktop/plugins/`.
 2. Start the desktop wallet.
 3. Enable the plugin on the plugin section.
 4. Change theme in the Settings menu, on the sidebar.



## License

[MIT](LICENSE)
npm package: @giliam/ark-pro
Description: A modern dark theme for the ARK desktop wallet.
Author: Giliam Verheide
Latest version: 1.0.6

[![NPM](https://img.shields.io/npm/v/@giliam/ark-pro)](https://www.npmjs.com/package/@giliam/ark-pro) [![License: MIT](https://img.shields.io/npm/l/@giliam/ark-pro)](https://opensource.org/licenses/MIT)

# ARK Pro
A modern dark theme for the [ARK desktop wallet](https://github.com/ArkEcosystem/desktop-wallet).

![Theme Preview](/src/images/github/preview.png)

## Installation

 1. Clone this repository or download it and unzip it into `~/.ark-desktop/plugins/`.
 2. Start the desktop wallet.
 3. Enable the plugin on the plugin section.
 4. Change theme in the Settings menu, on the sidebar.



## License

[MIT](LICENSE)
npm package: @giliam/ark-pure
Description: A modern theme with an expanded sidebar for the ARK desktop wallet.
Author: Giliam Verheide
Latest version: 1.0.0

[![NPM](https://img.shields.io/npm/v/@giliam/ark-pure)](https://www.npmjs.com/package/@giliam/ark-pure) [![License: MIT](https://img.shields.io/npm/l/@giliam/ark-pure)](https://opensource.org/licenses/MIT)

# ARK Pure
A modern theme with an expanded sidebar for the [ARK desktop wallet](https://github.com/ArkEcosystem/desktop-wallet).

![Theme Preview](/src/images/github/preview.png)

## Installation

 1. Clone this repository or download it and unzip it into `~/.ark-desktop/plugins/`.
 2. Start the desktop wallet.
 3. Enable the plugin on the plugin section.
 4. Change theme in the Settings menu, on the sidebar.



## License

[MIT](LICENSE)
npm package: @giliweb/vue-date-range-picker
Description: A date range picker
Author: Antonio Giliberto
Latest version: 0.1.6

# vue-date-range-picker
A vue component using Bootstrap 4 styles for date range selection

![Vue-Treeselect Screenshot](https://raw.githubusercontent.com/Owumaro/vue-date-range-picker/master/screenshot.png)

[Live demo (jsfiddle)](https://jsfiddle.net/Owumaro/qw7mpfr8/)

### Features

- Date range selection
- Compare feature: select a second date range
- No integration: DIY with your favorite vue components or js libraries
- Bootstrap 4 styles (requires Bootstrap 4 CSS)
- Returns Moment.js instances (requires moment.js)

## Installation

```
npm install --save @owumaro/vue-date-range-picker
```

## Usage

### Webpack

#### JavaScript
```js
// Import the component
import DateRangePicker from '@owumaro/vue-date-range-picker'

export default {
  // Register the component
  components: { DateRangePicker },
  
  // Create a method for the submit event
  methods: {
    updateRanges: function(range) {
      ...
    }
  },
  ...
}
```

#### HTML template
```html
<date-range-picker v-on:submit="updateRanges" />
```

### Browser

```
Vue.use(DateRangePicker)
```

## API

### Events

As the component needs to transmit multiple values (`startDate`, `endDate`, `compare`, `startDateCompare`, `endDateCompare`), it can not use `v-model`.

Instead, it triggers 2 events:
- `submit`: when the submit button is clicked; provides an `Object` argument with the 5 attributes mentioned above
- `cancel`: when the cancel button is clicked

### Props

Prop | Type | Default | Description
-----|------|---------|------------
`calendar-count` | `Number` | `2` | Number of calendars to display
`allow-compare` | `Boolean` | `true` | Enable/disable the comparison feature
`ranges` | `Object` | `{ currentMonth: { ... }, lastMonth: { ... } }` | Predefined ranges displayed in select menu(s)
`default-range-select` | `String` | `currentMonth` | Key of the range to select by default
`default-range-select-compare` | `String` | `lastMonth` |  Key of the range to select by default (compare)

## Development

```
npm install
npm run dev
```

## Inspiration

- Google Analytics date range picker
- https://github.com/dangrossman/daterangepicker

## TODO
- Tests
- CSS without bootstrap dependency
npm package: @giliweb/vue-multiple-state-checkbox
Description: ## Project setup ``` yarn install ```
Author: Antonio Giliberto
Latest version: 1.2.5

# vue-multiple-state-checkbox

## Project setup
```
yarn install
```

### Compiles and hot-reloads for development
```
yarn run serve
```

### Compiles and minifies for production
```
yarn run build
```

### Run your tests
```
yarn run test
```

### Lints and fixes files
```
yarn run lint
```

### Customize configuration
See [Configuration Reference](https://cli.vuejs.org/config/).
npm package: @giliweb/vuex-history
Description: undo/redo functionality for Vuex store.
Author: Giliweb
Latest version: 1.0.2

# vuex-history

undo/redo functionality for Vuex store.

## Features

- Vue friendly.
- You can take state-snapshots manually at desired timings
- vuex-history watches specific properties in the state of the store.
- You can have multiple history-lists (e.g. history list for main view + history list for side panel )


## Examples

- [basic](https://yomotsu.github.io/vuex-history/examples/basic.html)
- [vuex-modules(nested store)](https://yomotsu.github.io/vuex-history/examples/vuex-modules.html)

## Usage

```javascript
import Vue from 'vue';
import VuexHistory from 'vuex-history';

Vue.use( VuexHistory );

// make your store with Vuex.
const store = new Vuex.Store( {
	state: {
		propA: 0,
		propB: 'abc',
		//... snip
	},
	//... snip
} );

// make a history instance with specific state.
const watchStateNames = [ 'propA' ];
const maxHistoryLength = 50;
const vuexHistory = new VuexHistory( store, watchStateNames, maxHistoryLength );

// save snapshots, undo and redo in your component
// You can also make a mixin. See the examples ↑.

	//... snip
	methods: {

		onValueChangeEnd() {

			vuexHistory.saveSnapshot();

		},

		onPressUndoButton() {

			if ( vuexHistory.canUndo ) vuexHistory.undo();

		},

		onPressRedoButton() {

			if ( vuexHistory.canRedo ) vuexHistory.redo();

		},

		//... snip
	},
	//... snip
```

## Constructor

```
VuexHistory( store, watchStateNames, maxHistoryLength );
```

- `store` — Vuex store instance.
- `watchStateNames` — property names of the state, in an array. use `'/'` for namespaced(nested) modules.
  e.g. : `[ 'rootParam1' ,'moduleName/paramA' ]`
- `maxHistoryLength` — Optional. Default is `20`.

## Properties

- `.canUndo` — Read only. Whether undo-able or not in a boolean.
- `.canRedo` — Read only. Whether redo-able or not in a boolean.

## Methods

- `.undo()` — undo.
- `.redo()` — redo.
- `.saveSnapshot()` — save snapshot of properties of the state.
- `.clearHistory()` — Clear history list.
- `.hasDifferenceFromLatest()` — Returns a boolean. Whether there are diff from the latest snapshot or not.
npm package: @gillchristian/safe-redux
Description: Create and handle safely typed actions
Author: Christian Gill
Latest version: 1.0.4
Deprecated: Moved to @housinganywhere/safe-redux

# safe-redux :evergreen_tree:

**WARNING**: this package moved to
[@housinganywhere/safe-redux](https://www.npmjs.com/package/@housinganywhere/safe-redux).
Please use from there.
npm package: @gilles.rasigade/pattern
Description: Useful patterns for NodeJS development
Author: Gilles Rasigade
Latest version: 1.3.2

# {pattern}

[![npm version](https://badge.fury.io/js/%40gilles.rasigade%2Fpattern.svg)](https://badge.fury.io/js/%40gilles.rasigade%2Fpattern) [![Build Status](https://travis-ci.org/GillesRasigade/pattern.svg?branch=master)](https://travis-ci.org/GillesRasigade/pattern) [![Test Coverage](https://codeclimate.com/github/GillesRasigade/pattern/badges/coverage.svg)](https://codeclimate.com/github/GillesRasigade/pattern/coverage) [![Code Climate](https://codeclimate.com/github/GillesRasigade/pattern/badges/gpa.svg)](https://codeclimate.com/github/GillesRasigade/pattern) [![Documentation Status](https://readthedocs.org/projects/pattern/badge/?version=latest)](http://pattern.readthedocs.org/en/latest/?badge=latest) [![npm dependencies](https://david-dm.org/GillesRasigade/pattern.svg)](https://david-dm.org/GillesRasigade/pattern.svg)

_Useful patterns and components for NodeJS applications._

## Roadmap

### Validator

A Validator is a component validating a data against a schema. Currently the only
Validator available is for JSON data and JSON Schema definition.

- [x] JSON Schema
- [ ] Date
- [ ] Number

### Queues

Queues are based on the Interface of EventEmitter where a message can be routed
to one or several suscribers. Different technologies can be used to distribute
message: EventEmitter, AMQP, WebSocket. By combining all these three approaches
a message can transit from a browser to another browser in a fully scalable and
distributed manner.

- [x] EventEmitter
- [x] AMQP
- [x] WebSocket
- [x] Redis

### Mappers

Mappers are responsible of the Extract (E) and Load (L) parts from the ETL stack.
From a given object definition, she is able to load data from a specific data
source and persists it in.

- [x] MongoDb
- [ ] Swagger API
- [ ] Mock
- [ ] Redis
- [ ] PostgreSQL

### Entity

An Entity is a Domain object embedding the business logic. She is persisted
thanks to the Mapper components.

- [x] Entity

### Localization

Component responsible of the localization of strings, currencies, date, etc.

### Logger

Logger component

### Under consideration

## Getting started

### Installation

```bash
npm install -S @gilles.rasigade/pattern
```

### Require

```js
const pattern = require('@gilles.rasigade/pattern');
```

### Documentation

You can find the documentation of the project at the following url:
http://gillesrasigade.github.io/pattern/documentation

## Contribute

### Clone and build the code

```bash
git clone git@github.com:GillesRasigade/pattern.git
cd pattern
npm build
```

### Build

The `build` npm command will install all dependencies required for the development
environment, execute tests to validate the installation then generate documentation
for the project.

To build the project, please execute the following command:

```bash
npm run build
```

### Documentation

The project documentation is available after the build process in the folder
`./doc/pattern/index.html`