Merge pull request #47 from NaughtyMC/master

Improvement: Allow user to manually connect and disconnect

CHANGELOG.md

@@ -2,6 +2,9 @@
 
 This package is [semantic versioned](http://semver.org/)
 
+## 2.0.7
+- [feature]: manual connect/disconnect
+
 ## 2.0.6
 
 - [bugfix]: reconnection thx [@weglov](https://github.com/weglov)

README.md

@@ -61,6 +61,18 @@ Vue.use(VueNativeSock, 'ws://localhost:9090', {
 })
 ```
 
+Manage connection manually:
+
+``` js
+Vue.use(VueNativeSock, 'ws://localhost:9090', {
+  connectManually: true,
+})
+const vm = new Vue()
+vm.$connect()
+// do stuff with WebSockets
+vm.$disconnect()
+```
+
 #### On Vuejs instance usage
 
 ``` js

package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-native-websocket",
-  "version": "2.0.6",
+  "version": "2.0.7",
   "description": "native websocket implemantation for vuejs and vuex",
   "main": "dist/build.js",
   "scripts": {

src/Main.js

@@ -6,9 +6,25 @@ export default {
   install (Vue, connection, opts = {}) {
     if (!connection) { throw new Error('[vue-native-socket] cannot locate connection') }
 
-    let observer = new Observer(connection, opts)
+    let observer = null
 
-    Vue.prototype.$socket = observer.WebSocket
+    if (opts.connectManually) {
+      Vue.prototype.$connect = () => {
+        observer = new Observer(connection, opts)
+        Vue.prototype.$socket = observer.WebSocket
+      }
+
+      Vue.prototype.$disconnect = () => {
+        if (observer && observer.reconnection) { observer.reconnection = false }
+        if (Vue.prototype.$socket) {
+          Vue.prototype.$socket.close()
+          delete Vue.prototype.$socket
+        }
+      }
+    } else {
+      observer = new Observer(connection, opts)
+      Vue.prototype.$socket = observer.WebSockekt
+    }
 
     Vue.mixin({
       created () {