forks/Vue-Socket.io
1
0
Fork 0
mirror of https://github.com/MetinSeylan/Vue-Socket.io.git synced 2025-04-16 15:21:28 +02:00
Code Issues Projects Releases Packages Wiki Activity

Update Observer.js

Browse source 
Added namespaced actions and mutations support for vuex socket listeners
This commit is contained in:
Nicolas Bourasseau 2017-11-07 09:16:14 +01:00 • committed by GitHub
parent 22d066fa88
commit aa6bbec04d
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 4 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
src/Observer.js
View file

@ -18,13 +18,10 @@ export default class{
} }
onEvent(){ onEvent(){
var super_onevent = this.Socket.onevent;
this.Socket.onevent = (packet) => { this.Socket.onevent = (packet) => {
super_onevent.call(this.Socket, packet);
Emitter.emit(packet.data[0], packet.data[1]); Emitter.emit(packet.data[0], packet.data[1]);
if(this.store) this.passToStore('SOCKET_'+packet.data[0], [ ...packet.data.slice(1)]) if(this.store) this.passToStore('SOCKET_'+packet.data[0], packet.data[1])
}; };
let _this = this; let _this = this;
@ -40,6 +37,7 @@ export default class{
passToStore(event, payload){ passToStore(event, payload){
if(!event.startsWith('SOCKET_')) return if(!event.startsWith('SOCKET_')) return
for(let namespaced in this.store._mutations) { for(let namespaced in this.store._mutations) {
@ -48,13 +46,13 @@ export default class{
} }
for(let namespaced in this.store._actions) { for(let namespaced in this.store._actions) {
let action = namespaced.split('/').pop() let action = ('SOCKET_' + namespaced.replace('SOCKET_','')).toUpperCase();
if(!action.startsWith('socket_')) continue if(!action.startsWith('socket_')) continue
let camelcased = 'socket_'+event let camelcased = 'socket_'+event
.replace('SOCKET_', '') .replace('SOCKET_', '')
.replace(/^([A-Z])|[\W\s_]+(\w)/g, (match, p1, p2) => p2 ? p2.toUpperCase() : p1.toLowerCase()) .replace(/^([A-Z])|([^a-zA-Z0-9/]|\s)+(\w)/g, (match, p1, p2) => p2 ? p2.toUpperCase() : p1.toLowerCase())
if(action === camelcased) this.store.dispatch(namespaced, payload) if(action === camelcased) this.store.dispatch(namespaced, payload)
} }