open-index/open-npm huggingface dataset:
npm package: @konfy/vue-file-tray
Description: Vue component for adding files to the browser
Author: Jan Franciszek Cieślak
Latest version: 1.0.1

# vue-file-tray 

Component for adding files to the browser.

**IMPORTANT**: This component uses JavaScript [canvas.toBlob](http://www.w3.org/TR/html5/scripting-1.html#dom-canvas-toblob) method. This method is not supported by mobile browsers. To work properly in mobile browsers, you need a polyfill. You can add [blueimp-canvas-to-blob](https://github.com/blueimp/JavaScript-Canvas-to-Blob) to your project.

- lightweight
- "renderless"
- no external library
- generate thumbs and process images

`vue-file-tray` is a component for adding and processing files. Most common use case is of course uploading files to server, but `file-tray` does not do any uploading on it's own. Instead, it stores the files objects in accessible `files` data property, so you can process them however you like.

`vue-file-tray` is a modern web component – it uses `canvas` for processing thumbnails and crunching images, and it uses `DataEvent` for transferring file data to browser. it **does not** provide fallback support for old IE browsers.

Front end users can add files to `vue-file-tray` by dropping them over it, or using standard browser dialog. The latter option will then also work on mobile.

`vue-file-tray` can take care of validation, will generate data for thumbnails or resized images. How to further upload or process the files is up to you.

`vue-file-tray` is a **single element component** – it's just a plain `<div>` and has no default styling. This makes `vue-file-tray` a very flexible component. Remember to add some styling when you render it, otherwise it will not be visible. It also has a default slot, so it can contain any HTML. This is useful for e.g. rendering thumbnails.

**[Full documentation](https://konfy-ui.netlify.com/vue-file-tray.html)**
npm package: @konfy/vue-google-map
Description: Vue component for google maps with markers
Author: Jan Franciszek Cieślak
Latest version: 0.2.1


# vue-google-map

*This component is fully functional, but there might be soon some breaking changes to the API.*

This component renders google map with markers. Custom styles available. Almost all google map options supported through props.

**Warning**

This component **does not** add the google API script tag to your application, so make sure you add it in the head of your app. The API source is here: https://maps.googleapis.com/maps/api/js?key=YOUR-API-KEY

**[Full documentation](https://konfy-ui.netlify.com/vue-google-map.html)**
npm package: @konfy/vue-google-places
Description: Vue component for google place search
Author: Jan Franciszek Cieślak
Latest version: 0.0.2

# vue-google-places

**Warning**

This component **does not** add the google API script tag to your application, so make sure you add it in the head of your app. The API source is here: https://maps.googleapis.com/maps/api/js?key=YOUR-API-KEY&libraries=places

**[Full documentation](https://konfy-ui.netlify.com/vue-google-places.html)**
npm package: @konfy/vue-input
Description: A versatile Vue input component with optional validation
Author: Jan Franciszek Cieślak
Latest version: 1.0.1

# vue-input

- A versatile input with optional validation.
`vue-input` can be of all standard html input types (`text` `number` `date`, etc.) 
- `textarea` type with autogrow by default.
- all standard html input attributes are also valid with `vue-input`
- validation on change or on blur
- built-in validation for most common cases (email, length, equality), with possibility to pass custom regex validators

**[Full documentation](https://konfy-ui.netlify.com/vue-input.html)**
npm package: @konfy/vue-input-date
Description: Versatile date input, supporting date, time and locale formats
Author: Jan Franciszek Cieślak
Latest version: 2.0.3

# vue-input-date

- very versatile date input, supporting date and time
- based on native javascript date features, no dependencies
- works great in mobile
- no date picker attached, but can easily work with one
- customize order, appearance, and separators of every date element
- slots available before every date element
- locale
- possible to force timezone
- Use ← → to move between date elements, ↑ ↓ to increase or decrease
- Auto-complete and auto-correct on typing
- custom validation functions accepted

**[Full documentation](https://konfy-ui.netlify.com/vue-input-date.html)**
npm package: @konfy/vue-select
Description: Versatile and feature rich dropdown select component
Author: Jan Franciszek Cieślak
Latest version: 1.0.1

# vue-select

- versatile and feature rich dropdown select component
- Allows for selecting single or multiple values
- Optionally searchable
- Optional validation
- Optionally mutable – user can select values from list, but also add own

**[Full documentation](https://konfy-ui.netlify.com/vue-select.html)**
npm package: @kong-fu-panda/kangaroo
Description: A Wrapper layer around reactor, which is based on Vuex (https://vuex.vuejs.org/) Interface
Author: Wilson Wu
Latest version: 0.1.2

# Kangaroo

[![styled with prettier](https://img.shields.io/badge/styled_with-prettier-ff69b4.svg)](https://github.com/prettier/prettier)

Kangaroo is a state management pattern + library mimic Vuex. It serves as a centralized store for all the components in an application, with rules ensuring that the state can only be mutated in a predictable fashion.

# Recommended Editor

It is highly suggested to use [Visual Studio Code](https://code.visualstudio.com/) as it is extendible and light weight.

The project comes configured with some settings that make development within vscode as simple as possible.

These include things such as code format on save and debugging current ts files and tests.

# Npm Scripts

- `npm run lint`: Lint all typescript files.
- `npm run format`: Format all ts files in the `src` folder.
- `npm run commit`: Commit using [commitzen](https://github.com/commitizen/cz-cli) to ensure commits follow the correct convention.
- `npm run test`: Run all [jest](https://jestjs.io/) tests on files that end with `*.spec.ts` in the `test` folder.
- `npm run cov`: Generate and open a test coverage report using [jest](https://jestjs.io/).
- `npm run cov:open`: Open the generated test coverage report.
- `npm run doc`: Generate and open documentation using [typedoc](https://typedoc.org/).
- `npm run doc:open`: Open generated documentation.
- `npm run build`: Build the project using the typescript compiler.
- `npm run version`: Generate or update a CHANGELOG.md, bump the package version and create a tag using [Standard Version](https://github.com/conventional-changelog/standard-version).