livecodingspace-app/support/proxy/vwf.example.com/aframe/ascene.js

this.initialize = function() {
    this.future(0).clientWatch();
};

this.clientWatch = function () {
    var self = this;

    if (this.children.length !== 0) {

        var clients = this.find("doc('http://vwf.example.com/clients.vwf')")[0];

        if (clients !== undefined) {
            //console.log(clients.children);

            let clientsArray = [];

            clients.children.forEach(function (element) {
                clientsArray.push(element.name);

            });

            this.children.forEach(function (node) {
                if (node.id.indexOf('avatar-') != -1) {

                    if (clientsArray.includes(node.id.slice(7))) {
                        //console.log(node.id + 'is here!');
                    } else {
                        //console.log(node.id + " needed to delete!");
                        self.children.delete(self.children[node.id]);
                        //'gearvr-'
                        let controllerVR = self.children['gearvr-'+ node.id.slice(7)];
                        if (controllerVR){
                            self.children.delete(controllerVR);
                        }

                        let wmrvR = self.children['wmrvr-right-'+ node.id.slice(7)];
                        if (wmrvR){
                            self.children.delete(wmrvR);
                        }
                        
                        let wmrvL = self.children['wmrvr-left-'+ node.id.slice(7)];
                        if (wmrvL){
                            self.children.delete(wmrvL);
                        }
                        
                    }
                }
            });
     }
    }
    this.future(5).clientWatch(); 
};

this.sphereProto = function(){

    let node = {
        "extends": "http://vwf.example.com/aframe/asphere.vwf",
        "properties": {
            "displayName": "sphere",
            "color": "white",
            "radius": 1
        },
        children: {
            "interpolation":
            {
                "extends": "http://vwf.example.com/aframe/interpolation-component.vwf",
                "type": "component",
                "properties": {
                    "enabled": true
                }
            }
    }
}

    return node
}

this.cubeProto = function(){

    let node = {
        "extends": "http://vwf.example.com/aframe/abox.vwf",
        "properties": {
            "displayName": "cube",
            "color": "white",
            "height": 1,
            "width": 1,
            "depth": 1
        },
        children: {
            "interpolation":
            {
                "extends": "http://vwf.example.com/aframe/interpolation-component.vwf",
                "type": "component",
                "properties": {
                    "enabled": true
                }
            }
    }
}

    return node
}

this.createPrimitive = function(type, avatar, name, node){

    var position = "0 0 0";
    var nodeName = name;
    

    let myAvatar = this.children[avatar];
    let cursorNode = myAvatar.avatarNode.myHead.myCursor.vis;
    
    if (cursorNode){
        position = cursorNode.worldPosition;
        //console.log(position);
    }
   
    if (!name) {
        nodeName = this.GUID();
    }

    var newNode = {};

    switch (type) {

        case "cube":
             newNode = this.cubeProto();
            break;

        case "sphere":
            newNode = this.sphereProto();
            break;

        default:
            newNode = undefined;
            break;
    }
   
    if (newNode) {
    newNode.properties.position = position;
    this.children.create(nodeName, newNode);
    }
    
}


this.GUID = function () {
    var self = this;
    var S4 = function () {
        return Math.floor(
            self.random() * 0x10000 /* 65536 */
        ).toString(16);
    };

    return (
        S4() + S4() + "-" +
        S4() + "-" +
        S4() + "-" +
        S4() + "-" +
        S4() + S4() + S4()
    );
}