Initial commit - v1.0.0

Author: hisk

.editorconfig

@@ -0,0 +1,13 @@
+# editorconfig.org
+root = true
+
+[*]
+indent_style = space
+indent_size = 4
+end_of_line = lf
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true
+
+[*.md]
+trim_trailing_whitespace = false

.gitignore

@@ -0,0 +1,35 @@
+.DS_Store
+
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# Runtime data
+pids
+*.pid
+*.seed
+*.pid.lock
+
+# Dependency directories
+node_modules/
+
+# Optional npm cache directory
+.npm
+
+# Optional eslint cache
+.eslintcache
+
+# Optional REPL history
+.node_repl_history
+
+# Output of 'npm pack'
+*.tgz
+
+# Yarn Integrity file
+.yarn-integrity
+
+# dotenv environment variables file
+.env

CHANGELOG.md

@@ -0,0 +1,7 @@
+# Changelog
+
+All notable changes to this project will be documented in this file.
+
+## [1.0.0] - 2018-09-11
+
+* Initial release.

CONTRIBUTING.md

@@ -0,0 +1,92 @@
+# Contributing
+
+When contributing to this repository, please first discuss the change you wish to make via issue,
+email, or any other method with the owners of this repository before making a change. 
+
+Please note we have a code of conduct, please follow it in all your interactions with the project.
+
+## Pull Request Process
+
+1. Ensure any install or build dependencies are removed before the end of the layer when doing a 
+   build.
+2. Update the README.md with details of changes to the interface, this includes new environment 
+   variables, exposed ports, useful file locations and container parameters.
+3. Increase the version numbers in any examples files and the README.md to the new version that this
+   Pull Request would represent. The versioning scheme we use is [SemVer](http://semver.org/).
+4. You may merge the Pull Request in once you have the sign-off of two other developers, or if you 
+   do not have permission to do that, you may request the second reviewer to merge it for you.
+
+## Code of Conduct
+
+### Our Pledge
+
+In the interest of fostering an open and welcoming environment, we as
+contributors and maintainers pledge to making participation in our project and
+our community a harassment-free experience for everyone, regardless of age, body
+size, disability, ethnicity, gender identity and expression, level of experience,
+nationality, personal appearance, race, religion, or sexual identity and
+orientation.
+
+### Our Standards
+
+Examples of behavior that contributes to creating a positive environment
+include:
+
+* Using welcoming and inclusive language
+* Being respectful of differing viewpoints and experiences
+* Gracefully accepting constructive criticism
+* Focusing on what is best for the community
+* Showing empathy towards other community members
+
+Examples of unacceptable behavior by participants include:
+
+* The use of sexualized language or imagery and unwelcome sexual attention or
+advances
+* Trolling, insulting/derogatory comments, and personal or political attacks
+* Public or private harassment
+* Publishing others' private information, such as a physical or electronic
+  address, without explicit permission
+* Other conduct which could reasonably be considered inappropriate in a
+  professional setting
+
+### Our Responsibilities
+
+Project maintainers are responsible for clarifying the standards of acceptable
+behavior and are expected to take appropriate and fair corrective action in
+response to any instances of unacceptable behavior.
+
+Project maintainers have the right and responsibility to remove, edit, or
+reject comments, commits, code, wiki edits, issues, and other contributions
+that are not aligned to this Code of Conduct, or to ban temporarily or
+permanently any contributor for other behaviors that they deem inappropriate,
+threatening, offensive, or harmful.
+
+### Scope
+
+This Code of Conduct applies both within project spaces and in public spaces
+when an individual is representing the project or its community. Examples of
+representing a project or community include using an official project e-mail
+address, posting via an official social media account, or acting as an appointed
+representative at an online or offline event. Representation of a project may be
+further defined and clarified by project maintainers.
+
+### Enforcement
+
+Instances of abusive, harassing, or otherwise unacceptable behavior may be
+reported by contacting the project team at [INSERT EMAIL ADDRESS]. All
+complaints will be reviewed and investigated and will result in a response that
+is deemed necessary and appropriate to the circumstances. The project team is
+obligated to maintain confidentiality with regard to the reporter of an incident.
+Further details of specific enforcement policies may be posted separately.
+
+Project maintainers who do not follow or enforce the Code of Conduct in good
+faith may face temporary or permanent repercussions as determined by other
+members of the project's leadership.
+
+### Attribution
+
+This Code of Conduct is adapted from the [Contributor Covenant][homepage], version 1.4,
+available at [http://contributor-covenant.org/version/1/4][version]
+
+[homepage]: http://contributor-covenant.org
+[version]: http://contributor-covenant.org/version/1/4/

ISSUE_TEMPLATE.md

@@ -0,0 +1,19 @@
+## Expected Behavior
+<!--- Tell us what should happen -->
+
+## Current Behavior
+<!--- Tell us what happens instead of the expected behavior -->
+
+## Steps to Reproduce
+1.
+2.
+3.
+
+## Context (Environment)
+<!--- How has this issue affected you? What are you trying to accomplish? -->
+
+## Possible Solution
+<!--- Not required, but suggest a fix/reason for the bug, -->
+
+## Possible Implementation
+<!--- Not required, but suggest an idea for implementing addition or change -->

README.md

@@ -1,2 +1,155 @@
-# shards-vue
-🌟Shards Vue is a free, beautiful and modern Vue.js UI kit based on Shards. https://github.com/designrevision/shards-ui
+<p align="center">
+<img src="logo.jpg" width="230" />
+</p>
+
+<p align="center">
+Shards Vue is a free, beautiful and modern Vue.js UI kit <br /> based on <a href="https://github.com/designrevision/shards-ui">Shards</a>.
+</p>
+
+<br />
+
+<p align="center">
+  <a href="#">
+    <img src="https://img.shields.io/badge/License-MIT-brightgreen.svg" />
+  </a>
+  <a href="https://twitter.com/designrevision">
+    <img src="https://img.shields.io/twitter/follow/DesignRevision.svg?style=social&label=Follow" />
+  </a>
+</p>
+
+<br />
+
+<p align="center">
+  <a href="https://designrevision.com/docs/shards-vue/"><strong>Documentation</strong></a> •
+  <a href="https://designrevision.com/downloads/shards-vue/"><strong>Official Page</strong></a>
+</p>
+
+
+### Getting Started
+
+Getting started with Shards Vue is fairly simple. You can download Shards Vue via the official website, here on GitHub as a release package or by using a package manager such as Yarn or NPM.
+
+* [Official Website](https://designrevision.com/download/shards)
+* [Release Package](https://github.com/DesignRevision/shards-ui/releases)
+
+<br />
+
+### Quick Start
+
+You can install Shards Vue via Yarn or NPM.
+
+```bash
+// Install via Yarn
+yarn add shards-vue
+
+// Install via NPM
+npm i shards-vue
+```
+
+<br />
+
+### Module Bundlers
+
+If you are using a module bundler such as [Webpack](https://webpack.js.org/) or [Rollup](https://rollupjs.org/), you can include the entire Shards Vue library inside your project.
+
+```javascript
+import Vue from 'vue'
+import ShardsVue from 'shards-vue'
+
+// Import base styles (Bootstrap and Shards)
+import 'bootstrap/dist/css/bootstrap.css'
+import 'shards-ui/dist/css/shards.css'
+
+Vue.use(ShardsVue);
+```
+
+<br />
+
+### Registering Components as Vue Plugins
+
+If you'd like to register only certain components as Vue plugins, make sure to import just the component you'd like to use.
+
+```javascript
+import Vue from 'vue'
+
+// Import base styles (Bootstrap and Shards)
+import 'bootstrap/dist/css/bootstrap.css'
+import 'shards-ui/dist/css/shards.css'
+
+import { Button } from 'shards-vue/src/components'
+Vue.use(Button)
+
+```
+
+<br />
+
+### Importing Single File Components
+
+Importing single file components is also possible.
+
+```vue
+<template>
+    <d-button @click="handleClick">Click Me!</d-button>
+</template>
+
+<script>
+import dButton from 'shards-vue/src/components/button/Button'
+
+export default {
+    components: {
+        dButton
+    },
+    methods: {
+        handleClick() {
+            alert('You just clicked me!')
+        }
+    }
+}
+</script>
+```
+
+<br />
+
+### File Sizes
+
+You can also run `yarn bundlesize` at any time to check the compiled file sizes.
+
+| File Name                | Size (min.gz) |
+|--------------------------|---------------|
+| shards-vue.common.min.js | 46.29KB       |
+| shards-vue.esm.min.js    | 46.24KB       |
+| shards-vue.umd.min.js    | 39.3KB        |
+
+<br />
+
+### Built Using
+
+* [Shards UI Kit](https://designrevision.com/downloads/shards/)
+* [noUiSlider by Léon Gersen (WTFPL License)](https://refreshless.com/nouislider/download/)
+* [vuejs-datepicker](https://github.com/charliekassel/vuejs-datepicker)
+
+<br />
+
+### Contributing
+
+Please read [CONTRIBUTING.md](CONTRIBUTING.md) for details on our code of conduct, and the process for submitting pull requests to us.
+
+If you'd like to fix a bug or work on a feature, make sure to follow the steps below in order to setup the development environment on your local machine:
+
+1. Clone the repository.
+2. Run `yarn` to install all required dependencies.
+3. Install Vue CLI and the CLI service globally by running: `npm i -g @vue/cli @vue/cli-service-global`.
+4. Run `yarn watch` in order to kickstart the server and run the sandbox with hot reloading.
+5. Refer to the `sandbox/Sandbox.vue` file for more details.
+
+<br />
+
+### Roadmap
+
+[View the roadmap.](http://designrevision.com/docs/shards-vue/roadmap)
+
+<br />
+
+### Changelog
+
+[View notable changes.](CHANGELOG.md)

build/optimize.js

@@ -0,0 +1,42 @@
+'use strict'
+
+const path = require('path')
+const fs = require('fs')
+const glob = require('glob')
+const UglifyJS = require('uglify-js')
+const UglifyES = require('uglify-es')
+const PATHS = require('./paths')
+
+let Uglifier = UglifyJS
+
+glob(path.resolve(PATHS.DIST + '/*.js'), {}, function(err, files) {
+    if (err) {
+        throw err
+    }
+
+    files.forEach(file => {
+        if (path.basename(file).indexOf('.min.js') !== -1) {
+            return
+        }
+
+        if (path.basename(file).indexOf('.esm.js')) {
+            Uglifier = UglifyES
+        }
+
+        // Define minified file path
+        let minFilePath = path.basename(file).replace('.js', '.min.js')
+        minFilePath = path.resolve(PATHS.DIST + '/' + minFilePath)
+
+        // Define minified file's map path
+        let minMapPath = path.basename(file).replace('.js', '.min.map')
+        minMapPath = path.resolve(PATHS.DIST + '/' + minMapPath)
+
+        // Minify
+        let _c = fs.readFileSync(file, 'utf8')
+        _c = Uglifier.minify(_c, { mangle: true, compress: true, sourceMap: true })
+
+        // Write minified file and sourcemap
+        fs.writeFileSync(minFilePath, _c.code)
+        fs.writeFileSync(minMapPath, _c.map)
+    })
+})

build/paths.js

@@ -0,0 +1,12 @@
+'use strict'
+
+const path = require('path')
+
+const PATHS = Object.create(null)
+
+PATHS.BASE = path.resolve(__dirname, '..'),
+PATHS.SRC  = path.resolve(PATHS.BASE, 'src'),
+PATHS.DIST = path.resolve(PATHS.BASE, 'dist')
+PATHS.INPUT = path.resolve(PATHS.SRC, 'index.js')
+
+module.exports = PATHS