Tim

.eslintrc

@@ -2,6 +2,7 @@
   "extends": "airbnb-base",
   "rules": {
     "no-use-before-define": 0,
-    "space-before-function-paren": ["error", "always"]
+    "space-before-function-paren": ["error", "always"],
+    "max-len": ["error", 120, 4]
   }
 }

dreamcode.js

@@ -89,6 +89,57 @@ swip(io, {
 
 // client
 
+/*
+* automated
+*
+socket.emit('CONNECT_CLIENT', {
+ size: {
+ width: converter.toAbsPixel(container.width),
+ height: converter.toAbsPixel(container.height),
+ }
+});
+
+swip.sensor.onSwipe(container, function (evt) {
+ socket.emit('SWIPE', { direction: evt.direction, position: { x: converter.toAbsPixel(evt.position.x), y: converter.toAbsPixel(evt.position.y) }});
+});
+
+swip.sensor.onMotion(function () {
+ socket.emit('LEAVE_CLUSTER');
+});
+*
+* */
+
+swip.init({ socket: socket, container: container}, (client) => {
+
+  client.onSwip((evt) => {
+    //add animation
+    //what should happen on swipe
+  });
+
+  client.onJoin((evt) => {
+
+  });
+
+  client.onLeave((evt) => {
+    //add animation
+    //what should happen if client leaves
+  });
+
+  /*
+  client.onClick((evt) => {
+
+  });
+
+  //custom behaviour
+  client.emit('name', {data: data});
+
+  client.onUpdate((evt) => {
+
+  });
+
+  var converter = client.converter;
+});*/
+
 const client = swip.client(socket, container);
 
 client.emit('movePaddle', { paddlePosition: 10 });

examples/particleDemo/server/index.js

@@ -24,14 +24,15 @@ swip(io, {
           particles: { $set: updatedParticles },
         };
       },
+      merge: () => ({}),
     },
     init: () => ({ particles: [] }),
   },
 
   client: {
     init: () => ({}),
     events: {
-      addParticle: ({ cluster, client }, particles) => {
+      addParticle: ({ cluster, client }, { particles }) => {
         return {
           cluster: {
             data: { particles: { $push: particles } },
@@ -43,4 +44,4 @@ swip(io, {
 });
 
 
-server.listen(3000);
+server.listen(3001);