Sprint 4 (final)

New build tools (Gulp instead of Grunt);
QB.Recorder;
Stream Managment;
Rewrote contributing files (contributors make only pull request into master, a member of team make a release);
new commands: npm run develop, npm run build, npm run start;
added to 'gitignore' sublime generated files;
In build added 'jshint' command, fixed all warnings;
remove unminified version of SDK. Uses source maps for debugging.
Remove samples 'node_js' as duplicate 'chat_bots'.

Author: dimaspirit

.babelrc

@@ -0,0 +1,3 @@
+{
+    "presets": ["babel-preset-es2015"]
+}

.editorconfig

@@ -0,0 +1,11 @@
+[*]
+charset = utf-8
+end_of_line = lf
+insert_final_newline = true
+
+[*.{js}]
+indent_style = space
+indent_size = 4
+
+[*.{json}]
+indent_size = 2

.github/CONTRIBUTING.md

@@ -8,19 +8,18 @@ Please follow all rules from our [code style guidelines](https://github.com/Quic
 
 ## Modify and build the library
 
-The quickblox.js library is build from a number of **CommonJS modules** contained in the `js` folder. For example the `js/modules/qbUsers.js` module contains the code that deals with the [Users API](http://quickblox.com/developers/Users).
+The quickblox.js library is build from a number of **CommonJS modules** contained in the `src` folder. For example the `src/modules/qbUsers.js` module contains the code that deals with the [Users API](http://quickblox.com/developers/Users).
 
-These modules are combined through [browserify](http://browserify.org/) into a single `quickblox.js` file in the root and so this is the only file that needs to be included in a `<script>` tag OR in a RequireJS application OR in Node.js environment (everywhere). To build the library, use the [Grunt](http://gruntjs.com/) task runner.
+These modules are combined through [browserify](http://browserify.org/) into a single `quickblox.js` file in the root and so this is the only file that needs to be included in a `<script>` tag OR in a RequireJS application OR in Node.js environment (everywhere).
+To build the library, uses [gulp](http://gulpjs.com/) task runner.
 
 * You need to have the dependencies listed in the package.json available, use `npm install` to load them;
-* Install **grunt-cli** `npm install -g grunt-cli`;
-* Also you need install **jasmine** global `npm i -g jasmine` for tests;
+* Install [gulp](https://github.com/gulpjs/gulp/blob/master/docs/getting-started.md#getting-started) and globally;
+* Install [jasmine](https://github.com/jasmine/jasmine#installation) globally;
 * Change the 'version' properties in next files:
-  * https://github.com/QuickBlox/quickblox-javascript-sdk/blob/gh-pages/js/qbConfig.js;
-  * https://github.com/QuickBlox/quickblox-javascript-sdk/blob/gh-pages/bower.json;
-  * https://github.com/QuickBlox/quickblox-javascript-sdk/blob/gh-pages/package.json;
-* Rebuild SDK: `grunt`;
-* Update README.md;
-* Commit your changes to git repository and create a new "git tag" for new version. This action updates SDK for GIT and also for bower package manager;
-* `npm publish`. This action updates SDK for node package manager, but maybe you will be needed some author credentials for it (you should be in owner list);
-* Update QuickBlox developers section.
+  * ./bower.json;
+  * ./package.json;
+  * ./src/qbConfig.js;
+* Rebuild SDK: `npm run build`, check tests in node / browser env. 
+* Update ./README.md;
+* Make a pull request into gh-pages;

.gitignore

@@ -8,8 +8,8 @@ npm-debug.log
 .idea/*
 .idea/workspace.xml
 
-# Use command grunt for create quickblox.js
-quickblox.js
+# *Sublime
+*.sublime-*
 
 #jasmine-npm generate
 .grunt

.jshintrc

@@ -1,12 +1,13 @@
 {
-  "strict"     : false,
-  "devel"      : true,
-  "browser"    : true,
-  "browserify" : true,
-  "jasmine"    : true,
-  "jquery"     : true,
-  "esnext"     : true,
-  "globals"     : [
+  "strict": true,
+  "devel": true,
+  "esversion": 6,
+  "browser": true,
+  "node": true,
+  "browserify": true,
+  "jasmine": true,
+  "jquery": true,
+  "globals": [
     "jasmine",
     "describe",
     "xdescribe",

.travis.yml

@@ -8,5 +8,5 @@ branches:
 
 before_script: "npm run-script setDependencies"
 
-script: "grunt"
+script: "npm run build"
 after_success: "jasmine"

Gruntfile.js

@@ -4,8 +4,7 @@
 [![npm](https://img.shields.io/npm/v/quickblox.svg)](https://www.npmjs.com/package/quickblox)
 [![npm](https://img.shields.io/npm/dm/quickblox.svg)](https://www.npmjs.com/package/quickblox)
 
-The QuickBlox JavaScript SDK provides a JavaScript library making it even
-easier to access the QuickBlox cloud communication backend platform.
+The QuickBlox JavaScript SDK provides a JavaScript library making it even easier to access the QuickBlox cloud communication backend platform.
 
 [QuickBlox](https://quickblox.com) is a suite of communication features & data services (APIs, SDKs, code samples, admin panel, tutorials) which help digital agencies, mobile developers and publishers to add great communication functionality to smartphone applications like in Skype, WhatsApp, Viber.
 
@@ -16,7 +15,7 @@ easier to access the QuickBlox cloud communication backend platform.
 
 For the library to work, you need to include either [jQuery](http://jquery.com/) or [Zepto](http://zeptojs.com/) in your html before `quickblox.min.js`, like so:
 
-For correct work of JS SDK you must include the  library in your html before `quickblox.js`, like so:
+For correct work of JS SDK you must include the  library in your html before `quickblox.min.js`, like so:
 
 ```html
 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
@@ -68,7 +67,7 @@ You can look at it here http://quickblox.com/developers/Javascript
 
 # Questions and feedback
 
-Please raise questions, requests for help etc. via http://stackoverflow.com/questions/tagged/quickblox
+Please raise questions, requests for help etc. via http://stackoverflow.com/questions/tagged/quickbloxjs
 
 Feedback and suggestions for improvement always welcome :)
 

README.md

@@ -0,0 +1,40 @@
+'use strict';
+
+var gulp = require('gulp');
+
+var browserify = require('browserify');
+var source = require('vinyl-source-stream');
+
+var connect = require('gulp-connect');
+var notify = require('gulp-notify');
+
+gulp.task('build', function () {
+    var isDevelopment = process.env.NODE_ENV === 'develop',
+        browserifyOpts = {
+            debug: isDevelopment,
+            standalone: 'QB'
+    };
+
+    return browserify('./src/qbMain.js', browserifyOpts)
+        .bundle()
+        .on('error', function(error) {
+            notify('Failed when create a bundle <%= error.message %>')
+            this.emit('end');
+        })
+        .pipe(source('quickblox.min.js'))
+        .pipe(notify('Build task is finished.'))
+        .pipe(gulp.dest('./'));
+});
+
+gulp.task('connect', function() {
+    connect.server({
+        port: 8080,
+        https: true
+    });
+});
+
+gulp.task('watch', function () {
+  gulp.watch(['./src/**/*.js'], ['build']);
+});
+
+gulp.task('default', ['build', 'connect', 'watch']);

gulpfile.js

@@ -4,7 +4,7 @@
   "version": "2.3.4",
   "homepage": "https://quickblox.com/developers/Javascript",
   "main": "src/qbMain.js",
-  "license" : "(Apache-2.0)",
+  "license": "(Apache-2.0)",
   "keywords": [
     "quickblox",
     "javascript",
@@ -46,34 +46,36 @@
     "xml2js": "^0.4.13"
   },
   "devDependencies": {
+    "browserify": "^13.1.0",
+    "cross-env": "^3.1.2",
     "ghooks": "^1.3.2",
-    "grunt": "^0.4.5",
-    "grunt-browserify": "^3.2.1",
-    "grunt-contrib-connect": "^0.9.0",
-    "grunt-contrib-uglify": "^0.6.0",
-    "grunt-contrib-watch": "^0.6.1",
-    "grunt-notify": "^0.4.1",
-    "grunt-parallel": "^0.4.1",
+    "gulp": "^3.9.1",
+    "gulp-connect": "^5.0.0",
+    "gulp-notify": "^2.2.0",
     "jasmine": "^2.4.1",
-    "load-grunt-tasks": "^1.0.0"
+    "jshint": "^2.9.3",
+    "jshint-stylish": "^2.2.1",
+    "vinyl-source-stream": "^1.1.0"
   },
   "autoupdate": {
     "source": "git",
     "target": "git://github.com/QuickBlox/quickblox-javascript-sdk.git",
     "basePath": "",
     "files": [
-      "quickblox.js",
       "quickblox.min.js"
     ]
   },
   "config": {
     "ghooks": {
+      "pre-commit": "npm run lint",
       "pre-push": "jasmine"
     }
   },
   "scripts": {
-    "setDependencies": "npm i && npm install -g grunt-cli && npm install -g jasmine",
-    "build": "grunt",
-    "test": "jasmine"
+    "setDependencies": "npm i && npm install -g gulp-cli && npm install -g jasmine",
+    "lint": "jshint src --reporter=node_modules/jshint-stylish",
+    "build": "npm run lint && gulp build",
+    "develop": "cross-env NODE_ENV=develop gulp",
+    "start": "gulp connect"
   }
 }

package.json

@@ -1,39 +1,40 @@
 var QBApp = {
-  appId: 28287,
-  authKey: 'XydaWcf8OO9xhGT',
-  authSecret: 'JZfqTspCvELAmnW'
+    appId: 28287,
+    authKey: 'XydaWcf8OO9xhGT',
+    authSecret: 'JZfqTspCvELAmnW'
 };
 
 var config = {
-  chatProtocol: {
-    active: 2
-  },
-  debug: {
-    mode: 1,
-    file: null
-  },
-  stickerpipe: {
-    elId: 'stickers_btn',
+    chatProtocol: {
+        active: 2
+    },
+    streamManagement: {
+        enable: true
+    },
+    debug: {
+        mode: 1,
+        file: null
+    },
+    stickerpipe: {
+        elId: 'stickers_btn',
+        apiKey: '847b82c49db21ecec88c510e377b452c',
+        enableEmojiTab: false,
+        enableHistoryTab: true,
+        enableStoreTab: true,
 
-    apiKey: '847b82c49db21ecec88c510e377b452c',
+        userId: null,
 
-    enableEmojiTab: false,
-    enableHistoryTab: true,
-    enableStoreTab: true,
-
-    userId: null,
-
-    priceB: '0.99 $',
-    priceC: '1.99 $'
-  }
+        priceB: '0.99 $',
+        priceC: '1.99 $'
+    }
 };
 
 var QBUser1 = {
         id: 6729114,
         name: 'quickuser',
         login: 'chatusr11',
         pass: 'chatusr11'
-    }, 
+    },
     QBUser2 = {
         id: 6729119,
         name: 'bloxuser',

quickblox.min.js

@@ -52,6 +52,8 @@ function connectToChat(user) {
 
                     // setup scroll events handler
                     setupMsgScrollHandler();
+
+                    setupStreamManagementListeners();
                 }
             });
         }

samples/chat/js/config.js

@@ -146,8 +146,6 @@ function updateDialogsList(dialogId, text){
 
 // Choose dialog
 function triggerDialog(dialogId){
-    console.info('Select a dialog with id: ' + dialogId + ', name: ' + dialogs[dialogId].name);
-
     // deselect
     var kids = $('#dialogs-list').children();
     kids.removeClass('active').addClass('inactive');