Doesn't look like it handles arrays

[nickretallack]

I haven't tested this code, but I can tell from the part where it's appending dots that it doesn't handle array indexes. It actually might be pretty easy to fix this: instead of appending things with dots, put them in brackets! That should work for both methods of indexing.

[gofreddo]

I wrote this. I'm new to angular so it may not be perfect but it is working. I'm also new to GitHub. What is the best way to share my array handling code? I'll paste it here for now. I must saw that angular-node-socketio make angular freaking awesome. Forget meteor and Derby. Angular is a real time platform too, but much more mature. I'd like to update this to use socket.io rooms and channels. Also it would be better if I could share a scope object at any level instead of having one big global sharedModel. Then it would be perfect. This is a good start though and my array solution just makes it better.

At first I just passed the entire array. Doing a chat demo quickly showed me that this solution wouldn't be performant. I ended up doing an index by index comparison with the old array and only emitting those index that are new or different. inserting an item to the front of an array will trigger the worst case scenario where every index doesn't match and the whole array must be sync'd. It's better than doing that every time though I suppose.

Here is the code:

services.coffee:

---

angular.module('app.services', [])
.factory( "sharedModel", ($rootScope) ->
model = {}
lastModel = angular.copy(model)

syncObject = (parent, src, dst) ->
for name of src
path = ((if parent then parent + "." else "")) + name
# do nothing we are in sync
if src[name] is dst[name]

  else if typeof src[name] is "object" and not Array.isArray(src[name])
    # we are an object, so we need to recurse
    syncObject path, src[name], dst[name] or {}

  else if Array.isArray(src[name]) and Array.isArray(dst[name])
    for arrayItem, i in src[name] when dst[name][i] isnt arrayItem
      path = path + "[" + i + "]"
      socket.emit "channel",
        path: path
        value: src[name][i]

      dst[name] = angular.copy(src[name])

  else
    socket.emit "channel",
      path: path
      value: src[name]

    dst[name] = angular.copy(src[name])

set = (obj, path, value) ->
return angular.copy(value, obj) unless path
lastObj = obj
property = undefined
angular.forEach path.split("."), (name) ->
if name
if name.indexOf("]") + 1 == name.length
tmpName = name.substr(0, name.indexOf("["))
if Array.isArray(obj[tmpName])
index = name.substr(
name.indexOf("[") + 1, name.indexOf("]") - name.indexOf("[") - 1)
name = name.substr(0, name.indexOf("["))
lastObj = obj
return lastObj[name][index] = value
else
lastObj = obj
obj = obj[property = name]
lastObj[property] = obj = {} unless obj

if  property != undefined
  lastObj[property] = angular.copy(value)

TODO: use scoket.io factory

http://www.html5rocks.com/en/tutorials/frameworks/angular-websockets/

socket = io.connect("http://localhost:8889/")
socket.on "channel", (message) ->
set model, message.path, message.value
set lastModel, message.path, message.value
$rootScope.sharedModel = model
$rootScope.$apply()

$rootScope.$watch "sharedModel", (->
syncObject "", model, lastModel
lastModel = angular.copy(model)
), true
return model
)

server.coffee:

---

express = require("express")
fs = require("fs")
io = require("socket.io").listen(8889)

for npm, otherwise use require('./path/to/socket.io')

Reducing socket.io log (debug) statements

io.set "log level", 2

app = express()
app.get "/", (req, res) ->
res.redirect "index.html"

app.configure ->
app.use express.methodOverride()
app.use express.bodyParser()
app.use express.static(__dirname + "/../_public")
app.use express.errorHandler(
dumpExceptions: true
showStack: true
)
app.use app.router

app.listen 3333

set = (obj, path, value) ->
lastObj = obj
property = undefined
path.split(".").forEach (name) ->
if name
if name.indexOf("]") + 1 == name.length
tmpName = name.substr(0, name.indexOf("["))
if Array.isArray(obj[tmpName])
index = name.substr(
name.indexOf("[") + 1, name.indexOf("]") - name.indexOf("[") - 1)
name = name.substr(0, name.indexOf("["))
lastObj = obj
return lastObj[name][index] = value
else
lastObj = obj
obj = obj[property = name]
lastObj[property] = obj = {} unless obj

if property != undefined
lastObj[property] = value

model = {}
clients = []

socket.io

io.sockets.on "connection", (socket) ->
clients.push socket

new client is here!

socket.on "channel", (msg) ->
console.log "message:"
console.log msg
set model, msg.path, msg.value
clients.forEach (otherClient) ->
if socket isnt otherClient
console.log "emitting.."
otherClient.emit "channel", msg

console.log msg

socket.emit "channel",
path: ""
value: model