💍 A Pull Request to rule them all!

Gruntfile.js

@@ -2,6 +2,12 @@ module.exports = function(grunt) {
 
   grunt.initConfig({
     pkg: grunt.file.readJSON('package.json'),
+    babel: {
+      dist: {
+        src: ['vapor.js'],
+        dest: 'vapor.js'
+      }
+    },
     concat: {
       options: {
         separator: ';'
@@ -26,13 +32,14 @@ module.exports = function(grunt) {
     }
   });
 
+  grunt.loadNpmTasks('grunt-babel');
   grunt.loadNpmTasks('grunt-contrib-uglify');
   grunt.loadNpmTasks('grunt-contrib-jshint');
   grunt.loadNpmTasks('grunt-contrib-qunit');
   grunt.loadNpmTasks('grunt-contrib-concat');
 
   grunt.registerTask('test', ['jshint', 'qunit']);
-  grunt.registerTask('default', ['jshint', 'qunit', 'concat', 'uglify']);
-  grunt.registerTask('build', ['concat', 'uglify']);
+  grunt.registerTask('default', ['jshint', 'qunit', 'babel', 'concat', 'uglify']);
+  grunt.registerTask('build', ['babel', 'concat', 'uglify']);
 
-};
+};

README.md

@@ -1,24 +1,79 @@
-# vapor.js is a new amazing JavaScript framework.
+<img src="https://i.stack.imgur.com/Vkq2a.png" alt="VaporJS Icon" align="left" width="100">
 
-In just 0 lines of code it provides:
+# VaporJS
 
-## Usage: 
+## The World's Smallest & Fastest JavaScript Library
+
+[![language](https://img.shields.io/badge/language-javascript-yellow.svg?style=for-the-badge)](https://www.javascript.com/) [![twitter](https://img.shields.io/badge/Twitter-Vapor__JS-blue.svg?logo=twitter&style=for-the-badge)](http://twitter.com/vapor_js) [![pull request](https://img.shields.io/badge/Pull%20Request-99-brightgreen.svg?style=for-the-badge&logo=github)](https://github.com/madrobby/vapor.js/pull/99)
+
+In just 0 lines of code it provides [everything](https://developer.mozilla.org/en-US/docs/Web/API) that you can do natively!
+
+:vhs: Clone me!
+----
+Clone the Github project using **git**:
+```bash
+git clone https://github.com/madrobby/vapor.js.git
+```
+Or clone it using **[GitHub Desktop](https://desktop.github.com/)**.
+You can also download the source code in **[.zip format](https://github.com/madrobby/vapor.js/archive/master.zip)**.
+
+:electric_plug: Requirements
+----
+VaporJS does not require anything!
+
+
+:runner: Usage
+----
+Import **vapor.js** framework into your HTML file:
 ```html
 <script src="vapor.js"></script>
 ```
 
-On modern browsers, you can inline it with a data URL:
+If you need it, you can import it externally thanks to CDN:
+```html
+<script src="https://cdn.rawgit.com/OhanaMeans/vapor.js/master/vapor.js"></script>
+```
 
+On modern browsers, you can inline it with a data URL:
 ```html
 <script src="data:application/javascript,"></script>
 ```
 
 Alternatively, inline the whole code, like this:
-
 ```html
 <script></script>
 ```
 
-(In this case, you can also omit the `<script>` tag completely for the ultimate in optimizations and efficiency!)
+Add defer attribute for faster loading:
+```html
+<script defer></script>
+```
+
+(You can also omit the `<script>` tag completely for the ultimate in optimizations and efficiency!)
+
+:package: NPM Package!
+----
+<img src="https://cdn-images-1.medium.com/max/1600/1*DVki0FvyhmyFCkcPPuhMCw.png" align="right" width="125">
+
+[![npm](https://img.shields.io/npm/v/js.vapor.svg?style=for-the-badge)](https://www.npmjs.com/package/js.vapor) [![npm bundle size (minified)](https://img.shields.io/bundlephobia/min/js.vapor.svg?style=for-the-badge)](https://www.npmjs.com/package/js.vapor) [![npm](https://img.shields.io/npm/dw/js.vapor.svg?style=for-the-badge)](https://www.npmjs.com/package/js.vapor)
+
+Now you can install **vapor.js** globally in your computer using `npm`!
+
+```bash
+npm install -g js.vapor
+```
+
+You can also run **vapor.js** as an executable!
+
+```bash
+vaporjs --help
+```
+or
+```bash
+vapor.js --help
+```
+
+:briefcase: Enterprise Usage
+----
 
-Please fork now and contribute, and keep up to date on [Twitter](http://twitter.com/vapor_js)!
+If you need to use VaporJS in a business environment or require minimum security requirements, you can try [SemicolonJS](https://github.com/dchest/semicolon-js)

docs/index.html

@@ -0,0 +1,200 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    <meta charset=utf-8 />
+    <link href="http://fonts.googleapis.com/css?family=Lobster" rel="stylesheet">
+    <style>
+        body {
+            background: #f8f8f8 url(http://imgur.com/AieI9.png);
+            color: #555;
+            margin: 0 auto 2em;
+            padding: 0;
+            font: normal 100%/1.5 Georgia, Serif;
+            text-align: center;
+            position: relative;
+        }
+
+        .c {
+            margin: 0;
+            padding: 0;
+            clear: both;
+        }
+
+        #container {
+            width: 980px;
+            text-align: left;
+            margin: 2em auto;
+        }
+
+        h1 {
+            font-size: 98px;
+            font-style: italic;
+            margin: 0.3em auto 0;
+            padding: 30px 0;
+            margin-top: 0;
+            padding-top: 0;
+            line-height: 1;
+            font-family: 'Lobster', Georgia, serif;
+            text-shadow: 5px 5px 0 rgba(255, 255, 255, 0.9);
+        }
+
+        h2 {
+            font-size: 58px;
+            font-style: italic;
+            margin: 0.3em auto 0;
+            padding: 30px 0;
+            line-height: 1;
+            font-family: 'Lobster', Georgia, serif;
+            text-shadow: 5px 5px 0 rgba(255, 255, 255, 0.9);
+        }
+
+        h3 {
+            font-weight: normal;
+            font-size: 14px;
+        }
+
+        p,
+        small {
+            text-shadow: 1px 1px 0 rgba(255, 255, 255, 1);
+        }
+
+        small {
+            position: fixed;
+            right: 20px;
+            bottom: 20px;
+            padding: 0;
+            margin: 0;
+            font-size: 12px;
+            text-shadow: 0 0 2px rgba(255, 255, 255, 0.5);
+        }
+
+        a {
+            color: #999;
+        }
+
+        a:hover,
+        a:focus {
+            color: #555;
+        }
+
+        #credits {
+            position: fixed;
+            bottom: 20px;
+            right: 50px;
+            font-size: 11px;
+        }
+
+        ul {
+            list-style-type: none;
+        }
+
+        p {
+            width: 1024px;
+            margin: 1em 0 0 3em;
+        }
+
+        #stats {
+            margin-top: 25px;
+        }
+
+        #bottom {
+            width: 100%;
+            background-color: #888888;
+            padding-bottom: 20px;
+        }
+
+        header {
+            margin: 0 0 3em 0;
+        }
+
+        header ul {
+            margin: 0;
+            padding: 0;
+            border-bottom: 2px solid #666;
+            height: 50px;
+            width: 100%;
+        }
+
+        header ul li {
+            float: left;
+            padding: 15px;
+        }
+
+        header ul li a {
+            display: block;
+            padding: 5px;
+            font-style: bold;
+        }
+
+        footer {
+            border-top: 3px solid #000;
+            text-align: right;
+        }
+
+        pre {
+            padding: 15px;
+            background: #ddd;
+        }
+    </style>
+
+</head>
+
+<body>
+    <div id="container">
+        <header>
+            <h1>Vapor.js</h1>
+            <h2>The World's Smallest & Fastest JavaScript Library</h2>
+            <nav>
+                <ul>
+                    <li>
+                        <a href="#what">What's that?</a>
+                    </li>
+                    <li>
+                        <a href="#api">Getting Started</a>
+                    </li>
+                </ul>
+                <div class="c"></div>
+            </nav>
+        </header>
+
+        <article>
+            <section>
+                <h2>
+                    <a name="what">What's that?</a>
+                </h2>
+                <p>VaporJS is the World's Smallest & Fastest JavaScript Library</p>
+                <p>It's lightweight and simple architecture,
+                    <br />helps you to bring your creativity to the web.</p>
+            </section>
+
+            <section>
+                <h2>
+                    <a name="api">Getting started</a>
+                </h2>
+                <p>Take a look at the source code:</p>
+                <pre> 0 |</pre>
+                <p>Import <b>vapor.js</b> in your website using:</p>
+                <pre> 0 | &lt;script src="vapor.js"&gt;&lt;/script&gt;</pre>
+            <br>
+            </section>
+
+        </article>
+
+        <footer>
+            <ul>
+                <li>
+                    <a href="http://vaporjs.com">Vapor.js WebSite</a>
+                </li>
+                <li>
+                    <a href="http://github.com/madrobby/vapor.js">Fork us on GitHub!</a>
+                </li>
+                <li>
+                    <a href="http://twitter.com/vapor_js">Follow us on Twitter!</a>
+                </li>
+            </ul>
+        </footer>
+    </div>
+</body>
+
+</html>

misc/extensions/chrome/manifest.json

@@ -0,0 +1,12 @@
+{
+    "name": "VaporJS",
+    "version": "1.0",
+    "description": "The World's Smallest & Fastest JavaScript Library! Now as a Chrome Extension!",
+    "manifest_version": 2,
+    "icons": {
+        "16": "icon.png",
+        "32": "icon.png",
+        "48": "icon.png",
+        "128": "icon.png"
+    }
+}

misc/extensions/firefox/manifest.json

@@ -0,0 +1,12 @@
+{
+    "name": "VaporJS",
+    "version": "1.0",
+    "description": "The World's Smallest & Fastest JavaScript Library! Now as a Chrome Extension!",
+    "manifest_version": 2,
+    "icons": {
+        "16": "icon.png",
+        "32": "icon.png",
+        "48": "icon.png",
+        "128": "icon.png"
+    }
+}

misc/vaporjs.vim

@@ -0,0 +1,12 @@
+" Vim syntax file
+" Language: VaporJS
+" Maintainer: CosasDePuma & Esehara
+" Latest Revision: 29 May 2018
+
+if exists("b:current_syntax")
+  finish
+endif
+
+syntax clear
+runtime! syntax/javascript.vim
+let b:current_syntax = "vaporjs"