main/view/main.js

/* (1) Imports
---------------------------------------------------------*/
/* (1) NPM libs */
import Vue from 'vue'

/* (2) Internal libs */
import {API} from './lib/api-es6'
import {InfoBox} from './lib/infobox-es6'
import {WSClient,WSClientBuilder} from './lib/ws-client-es6'

/* (3) Vues */
import wrapper_vue from './vue/wrapper.vue'


/* (2) Initialisation
---------------------------------------------------------*/
/* (1) API */
window.api = new API("http://ndli1718/api/v/1.0/");

/* (2) wsclient */
window.wsc = new WSClientBuilder("wss://websocket.xdrm.io");

/* (3) global store init */
require('./vue-config');
window.gstore.add('server', window._SERVER);
window.infobox = new InfoBox(window.gstore.data.info);

/* (4) Render view */
new Vue({
	el:     '#main-vue',
	render: h => h(wrapper_vue),
	data: {
	  gstore: window.gstore.data
	}
})


/* (3) Set WebSocket channels
---------------------------------------------------------*/
/* (1) Connection channel */
window.wsc_connect = window.wsc.channel('connect').listen(function(msg, err){

	// {1} Manage error //
	if( msg == null && err != null )
		return window.infobox.show('Erreur de connexion WebSocket@connect ('+err+')', 'error', 3000);

	// {2} Manage wsclient error //
	if( typeof msg.error != 'boolean' || msg.error !== false )
		return window.infobox.show('Erreur de connexion WebSocket@connect', 'warning', 3000);

	// {3} Manage notification //
	if( msg.connected != null ){
		console.log('Detected '+msg.connected.length+' new user(s)');
		window.gstore.data.notif[0].data = window.gstore.data.notif[0].data.concat( msg.connected );
	}

}).send({name: window._SERVER.session.name});


/* (2) Message channel */
window.wsc_chat = window.wsc.channel('chat').listen(function(msg, err){

	// {1} Manage error //
	if( msg == null && err != null )
		return window.infobox.show('Erreur de connexion WebSocket@chat ('+err+')', 'error', 3000);

	// {2} Manage wsclient error //
	if( typeof msg.error != 'boolean' || msg.error !== false )
		return window.infobox.show('Erreur de connexion WebSocket@chat', 'warning', 3000);

	// {3} Manage notification //
	if( msg.msg != null ){
		console.log('Received '+msg.msg.length+' new message(s)');
		window.gstore.data.notif[1].data = window.gstore.data.notif[1].data.concat( msg.msg );
	}

}).send({name: window._SERVER.session.name});



/* (4) Clean sockets before page quit
---------------------------------------------------------*/
window.onbeforeunload = function() {
    window.wsc_chat.ws.close();
    window.wsc_connect.ws.close();
};