livecodingspace-app/public/drivers/model/aframeComponent.js

//"use strict";
/*
The MIT License (MIT)
Copyright (c) 2014-2018 Nikolai Suslov and the Krestianstvo.org project contributors. (https://github.com/NikolaySuslov/livecodingspace/blob/master/LICENSE.md)

Virtual World Framework Apache 2.0 license  (https://github.com/NikolaySuslov/livecodingspace/blob/master/licenses/LICENSE_VWF.md)
*/

// VWF & A-Frame components model driver

import {Fabric} from '/core/vwf/fabric.js';

class AFrameComponentModel extends Fabric {

    constructor(module) {
        console.log("AFrameComponentModel constructor");
        super(module, "Model");
    }

    factory() {
        let _self_ = this;

        return this.load(this.module, 
            
            {

                // == Module Definition ====================================================================
        
                // -- pipeline -----------------------------------------------------------------------------
        
                // pipeline: [ log ], // vwf <=> log <=> scene
        
                // -- initialize ---------------------------------------------------------------------------
        
                initialize: function () {
        
                    let self = this;
        
                    this.state = {
                        nodes: {},
                        scenes: {},
                        prototypes: {},
                        createLocalNode: function (nodeID, childID, childExtendsID, childImplementsIDs,
                            childSource, childType, childIndex, childName, callback) {
                            return {
                                "parentID": nodeID,
                                "ID": childID,
                                "extendsID": childExtendsID,
                                "implementsIDs": childImplementsIDs,
                                "source": childSource,
                                "type": childType,
                                "name": childName,
                                "prototypes": undefined,
                                "aframeObj": undefined,
                                "componentName": undefined
        
                            };
                        },
        
                        isComponentClass: function (prototypes, classID) {
                            if (prototypes) {
                                for (var i = 0; i < prototypes.length; i++) {
                                    if (prototypes[i] === classID) {
                                        //console.info( "prototypes[ i ]: " + prototypes[ i ] );
                                        return true;
                                    }
                                }
                            }
                            return false;
                        },
                        isComponentNode: function (prototypes) {
                            var found = false;
                            if (prototypes) {
                                for (var i = 0; i < prototypes.length && !found; i++) {
                                    found = (prototypes[i] === "proxy/aframe/componentNode.vwf");
                                }
                            }
                            return found;
                        },

                        isAAnimMixerDefinition: function(prototypes) {
                            var found = false;
                            if (prototypes) {
                                for (var i = 0; i < prototypes.length && !found; i++) {
                                    found = (prototypes[i] == "proxy/aframe/anim-mixer-component.vwf");
                                }
                            }
                            return found;
                        },
                    
                        isAInterpolationDefinition: function(prototypes) {
                            var found = false;
                            if (prototypes) {
                                for (var i = 0; i < prototypes.length && !found; i++) {
                                    found = (prototypes[i] == "proxy/aframe/interpolation-component.vwf");
                                }
                            }
                            return found;
                        },
                    
                        isALinePathDefinition: function(prototypes) {
                            var found = false;
                            if (prototypes) {
                                for (var i = 0; i < prototypes.length && !found; i++) {
                                    found = (prototypes[i] == "proxy/aframe/linepath.vwf");
                                }
                            }
                            return found;
                        },
                    
                        isAMaterialDefinition: function(prototypes) {
                            var found = false;
                            if (prototypes) {
                                for (var i = 0; i < prototypes.length && !found; i++) {
                                    found = (prototypes[i] == "proxy/aframe/aMaterialComponent.vwf");
                                }
                            }
                            return found;
                        },
                    
                        isASoundDefinition: function(prototypes) {
                            var found = false;
                            if (prototypes) {
                                for (var i = 0; i < prototypes.length && !found; i++) {
                                    found = (prototypes[i] == "proxy/aframe/a-sound-component.vwf");
                                }
                            }
                            return found;
                        },
                    
                    
                        isAViewOffsetCameraDefinition: function(prototypes) {
                            var found = false;
                            if (prototypes) {
                                for (var i = 0; i < prototypes.length && !found; i++) {
                                    found = (prototypes[i] == "proxy/aframe/viewOffsetCamera-component.vwf");
                                }
                            }
                            return found;
                        },
                    
                    
                        isAGizmoDefinition: function(prototypes) {
                            var found = false;
                            if (prototypes) {
                                for (var i = 0; i < prototypes.length && !found; i++) {
                                    found = (prototypes[i] == "proxy/aframe/gizmoComponent.vwf");
                                }
                            }
                            return found;
                        },
                    
                        isAFogDefinition: function(prototypes) {
                            var found = false;
                            if (prototypes) {
                                for (var i = 0; i < prototypes.length && !found; i++) {
                                    found = (prototypes[i] == "proxy/aframe/aSceneFogComponent.vwf");
                                }
                            }
                            return found;
                        },
                    
                        isAShadowDefinition: function(prototypes) {
                            var found = false;
                            if (prototypes) {
                                for (var i = 0; i < prototypes.length && !found; i++) {
                                    found = (prototypes[i] == "proxy/aframe/shadowComponent.vwf");
                                }
                            }
                            return found;
                        },
                    
                        isAAabbColliderDefinition: function(prototypes) {
                            var found = false;
                            if (prototypes) {
                                for (var i = 0; i < prototypes.length && !found; i++) {
                                    found = (prototypes[i] == "proxy/aframe/aabb-collider-component.vwf");
                                }
                            }
                            return found;
                        },
                    
                        isAMirrorDefinition: function(prototypes) {
                            var found = false;
                            if (prototypes) {
                                for (var i = 0; i < prototypes.length && !found; i++) {
                                    found = (prototypes[i] == "proxy/aframe/a-mirror-component.vwf");
                                }
                            }
                            return found;
                        },
                    
                    
                        isARayCasterDefinition: function(prototypes) {
                            var found = false;
                            if (prototypes) {
                                for (var i = 0; i < prototypes.length && !found; i++) {
                                    found = (prototypes[i] == "proxy/aframe/raycasterComponent.vwf");
                                }
                            }
                            return found;
                        },
                    
                        isARayCasterListenerDefinition: function(prototypes) {
                            var found = false;
                            if (prototypes) {
                                for (var i = 0; i < prototypes.length && !found; i++) {
                                    found = (prototypes[i] ==  "proxy/aframe/app-raycaster-listener-component.vwf");
                                }
                            }
                            return found;
                        },
                    
                       isAAabbColliderListenerDefinition: function(prototypes) {
                            var found = false;
                            if (prototypes) {
                                for (var i = 0; i < prototypes.length && !found; i++) {
                                    found = (prototypes[i] ==  "proxy/aframe/app-aabb-collider-listener-component.vwf");
                                }
                            }
                            return found;
                        },
                    
                       isALineDefinition: function(prototypes) {
                            var found = false;
                            if (prototypes) {
                                for (var i = 0; i < prototypes.length && !found; i++) {
                                    found = (prototypes[i] == "proxy/aframe/lineComponent.vwf");
                                }
                            }
                            return found;
                        },
                    
                        isGearVRControlsDefinition: function(prototypes) {
                            var found = false;
                            if (prototypes) {
                                for (var i = 0; i < prototypes.length && !found; i++) {
                                    found = (prototypes[i] == "proxy/aframe/gearvr-controlsComponent.vwf");
                                }
                            }
                            return found;
                        },
                    
                       isComponentNodeDefinition: function(prototypes) {
                            var found = false;
                            if (prototypes) {
                                for (var i = 0; i < prototypes.length && !found; i++) {
                                    found = (prototypes[i] == "proxy/aframe/componentNode.vwf");
                                }
                            }
                            return found;
                        },
                    
                        isComponentDefinition: function(prototypes) {
                            var found = false;
                            if (prototypes) {
                                for (var i = 0; i < prototypes.length && !found; i++) {
                                    found = (prototypes[i] == "proxy/aframe/aentityComponent.vwf");
                                }
                            }
                            return found;
                        },

                        setAFrameObject: function(node, config) {
                            var protos = node.prototypes;
                            var aframeObj = {};
                            var sceneEl = document.querySelector('a-scene');
                    
                            aframeObj.id = node.parentID;
                            // aframeObj.el = sceneEl.children[node.parentID];
                            aframeObj.el = Array.from(sceneEl.querySelectorAll('*')).filter(item => { return item.id == aframeObj.id })[0];
                    
                    
                            if (this.isComponentClass(protos, "proxy/aframe/lineComponent.vwf")) {
                                // aframeObj.id = node.parentID;
                                // aframeObj.el = sceneEl.children[node.parentID];
                    
                                if (node.name !== 'line') {
                                    aframeObj.compName = node.name;
                                } else {
                                    aframeObj.compName = "line";
                                }
                                //aframeObj.el.setAttribute(node.type, {});
                                aframeObj.el.setAttribute(aframeObj.compName, {});
                    
                            }
                    
                            if (this.isComponentClass(protos, "proxy/aframe/gizmoComponent.vwf")) {
                    
                    
                                // aframeObj.el.setAttribute(node.type, {});
                                aframeObj.compName = "gizmo";
                                aframeObj.el.setAttribute(aframeObj.compName, {});
                    
                            }
                    
                            if (this.isComponentClass(protos, "proxy/aframe/aSceneFogComponent.vwf")) {
                    
                                // aframeObj.el.setAttribute(node.type, {});
                    
                                aframeObj = {};
                                //var sceneEl = document.querySelector('a-scene');
                    
                                aframeObj.id = node.parentID;
                                aframeObj.el = document.querySelector('a-scene');
                    
                                aframeObj.compName = "fog";
                                aframeObj.el.setAttribute('fog', {});
                    
                            }
                    
                            if (this.isComponentClass(protos, "proxy/aframe/raycasterComponent.vwf")) {
                    
                    
                                // aframeObj.el.setAttribute(node.type, {});
                                aframeObj.compName = "raycaster";
                                aframeObj.el.setAttribute(aframeObj.compName, {});
                    
                            }
                    
                    
                    
                            if (this.isComponentClass(protos, "proxy/aframe/shadowComponent.vwf")) {
                    
                                // aframeObj.el.setAttribute(node.type, {});
                                aframeObj.compName = "shadow";
                                aframeObj.el.setAttribute(aframeObj.compName, {});
                    
                            }
                    
                            if (this.isComponentClass(protos, "proxy/aframe/aabb-collider-component.vwf")) {
                    
                                // aframeObj.el.setAttribute(node.type, {});
                                aframeObj.compName = "aabb-collider";
                                aframeObj.el.setAttribute(aframeObj.compName, {});
                    
                            }
                    
                            if (this.isComponentClass(protos, "proxy/aframe/a-mirror-component.vwf")) {
                    
                                // aframeObj.el.setAttribute(node.type, {});
                                aframeObj.compName = "mirror";
                                aframeObj.el.setAttribute(aframeObj.compName, {});
                    
                            }
                    
                            if (this.isComponentClass(protos, "proxy/aframe/viewOffsetCamera-component.vwf")) {
                    
                                // aframeObj.el.setAttribute(node.type, {});
                                aframeObj.compName = "viewoffset";
                                aframeObj.el.setAttribute(aframeObj.compName, {});
                    
                            }
                    
                            if (this.isComponentClass(protos, "proxy/aframe/streamSoundComponent.vwf")) {
                    
                    
                                // aframeObj.el.setAttribute(node.type, {});
                                aframeObj.compName = "streamsound";
                                aframeObj.el.setAttribute(aframeObj.compName, {});
                    
                            }
                    
                            if (this.isComponentClass(protos, "proxy/aframe/linepath.vwf")) {
                    
                    
                                // aframeObj.el.setAttribute(node.type, {});
                                aframeObj.compName = "linepath";
                                aframeObj.el.setAttribute(aframeObj.compName, {});
                    
                            }
                    
                            if (this.isComponentClass(protos, "proxy/aframe/aMaterialComponent.vwf")) {
                    
                                // aframeObj.el.setAttribute(node.type, {});
                                aframeObj.compName = "material";
                                aframeObj.el.setAttribute(aframeObj.compName, {});
                    
                            }
                    
                            if (this.isComponentClass(protos, "proxy/aframe/a-sound-component.vwf")) {
                    
                                // aframeObj.el.setAttribute(node.type, {});
                                aframeObj.compName = "sound";
                                aframeObj.el.setAttribute(aframeObj.compName, {});
                    
                            }
                    
                            if (this.isComponentClass(protos, "proxy/aframe/interpolation-component.vwf")) {
                    
                    
                                // aframeObj.el.setAttribute(node.type, {});
                                aframeObj.compName = "interpolation";
                                aframeObj.el.setAttribute(aframeObj.compName, {});
                    
                            }
                    
                            if (this.isComponentClass(protos, "proxy/aframe/anim-mixer-component.vwf")) {
                    
                    
                                // aframeObj.el.setAttribute(node.type, {});
                                aframeObj.compName = "animation-mixer";
                                aframeObj.el.setAttribute(aframeObj.compName, {});
                    
                            }
                    
                            if (this.isComponentClass(protos, "proxy/aframe/app-envmap-component.vwf")) {
                    
                    
                                // aframeObj.el.setAttribute(node.type, {});
                                aframeObj.compName = "envmap";
                                aframeObj.el.setAttribute(aframeObj.compName, {});
                    
                            }
                    
                    
                            if (this.isComponentClass(protos, "proxy/aframe/app-avatarbvh-component.vwf")) {
                    
                    
                                // aframeObj.el.setAttribute(node.type, {});
                                aframeObj.compName = "avatarbvh";
                                aframeObj.el.setAttribute(aframeObj.compName, {});
                    
                            }
                    
                            if (this.isComponentClass(protos, "proxy/aframe/app-sun-component.vwf")) {
                    
                    
                                // aframeObj.el.setAttribute(node.type, {});
                                aframeObj.compName = "sun";
                                aframeObj.el.setAttribute('id', "sun");
                                aframeObj.el.setAttribute(aframeObj.compName, {});
                    
                            }
                    
                            if (this.isComponentClass(protos, "proxy/aframe/app-skyshader-component.vwf")) {
                    
                    
                                // aframeObj.el.setAttribute(node.type, {});
                                aframeObj.compName = "skyshader";
                                aframeObj.el.setAttribute(aframeObj.compName, {});
                    
                            }
                    
                            if (this.isComponentClass(protos, "proxy/aframe/app-raycaster-listener-component.vwf")) {
                    
                    
                                // aframeObj.el.setAttribute(node.type, {});
                                aframeObj.compName = "raycaster-listener";
                                aframeObj.el.setAttribute(aframeObj.compName, {});
                    
                            }
                    
                            if (this.isComponentClass(protos, "proxy/aframe/app-aabb-collider-listener-component.vwf")) {
                    
                    
                                // aframeObj.el.setAttribute(node.type, {});
                                aframeObj.compName = "aabb-collider-listener";
                                aframeObj.el.setAttribute(aframeObj.compName, {});
                    
                            }
                    
                            if (this.isComponentClass(protos, "proxy/aframe/app-cursor-listener-component.vwf")) {
                    
                    
                                // aframeObj.el.setAttribute(node.type, {});
                                aframeObj.compName = "cursor-listener";
                                aframeObj.el.setAttribute(aframeObj.compName, {});
                    
                            }
                    
                    
                            return aframeObj;
                        },

                        addNodeToHierarchy: function(node) {

                            if (node.aframeObj) {
                                if (this.nodes[node.parentID] !== undefined) {
                                    var parent = this.nodes[node.parentID];
                                    if (parent.aframeObj) {
                    
                                        if (parent.children === undefined) {
                                            parent.children = [];
                                        }
                                        parent.children.push(node.ID);
                    
                                    }
                                }
                    
                    
                            }
                    
                        }
                    
                    };
        
                    this.state.kernel = this.kernel.kernel.kernel;
        
                    this.aframeComponentDef = {
                        'A-MATERIAL': [
                            "alphaTest",
                            "depthTest",
                            "flatShading",
                            "npot",
                            "offset",
                            "opacity",
                            "remain",
                            "repeat",
                            "shader",
                            "side",
                            "transparent",
                            "vertexColors",
                            "visible",
                            "ambient-occlusion-map",
                            "ambient-occlusion-map-intensity",
                            "ambient-occlusion-texture-offset",
                            "ambient-occlusion-texture-repeat",
                            "color",
                            "displacement-bias",
                            "displacement-map",
                            "displacement-scale",
                            "displacement-texture-offset",
                            "displacement-texture-repeat",
                            "emissive",
                            "emissiveIntensity",
                            "height",
                            "envMap",
                            "fog",
                            "metalness",
                            "normal-map",
                            "normal-scale",
                            "normal-texture-offset",
                            "normal-texture-repeat",
                            "roughness",
                            "sphericalEnvMap",
                            "width",
                            "wireframe",
                            "wireframe-linewidth",
                            "src"],
                    
                            'A-SOUND': [
                                "autoplay", "distanceModel", "loop", "maxDistance", "on", "poolSize", "refDistance",
                                "rolloffFactor", "src", "volume"
                            ],
                            'aabb-collider':[
                                "collideNonVisible", "debug",  "enabled", "objects", "interval"
                            ],
                            'mirror': [
                                "camera", "renderothermirror"
                            ]
        
                    }
                    
        
                    //this.state.kernel = this.kernel.kernel.kernel;
        
                },
                // == Model API ============================================================================
        
                // -- creatingNode -------------------------------------------------------------------------
        
                creatingNode: function (nodeID, childID, childExtendsID, childImplementsIDs,
                    childSource, childType, childIndex, childName, callback /* ( ready ) */) {

                    let self = this;
                    // If the parent nodeID is 0, this node is attached directly to the root and is therefore either 
                    // the scene or a prototype.  In either of those cases, save the uri of the new node
                    var childURI = (nodeID === 0 ? childIndex : undefined);
                    var appID = this.kernel.application();
        
                    // If the node being created is a prototype, construct it and add it to the array of prototypes,
                    // and then return
                    var prototypeID = _self_.utility.ifPrototypeGetId(appID, this.state.prototypes, nodeID, childID);
                    if (prototypeID !== undefined) {
        
                        this.state.prototypes[prototypeID] = {
                            parentID: nodeID,
                            ID: childID,
                            extendsID: childExtendsID,
                            implementsID: childImplementsIDs,
                            source: childSource,
                            type: childType,
                            name: childName
                        };
                        return;
                    }
        
                    var protos = _self_.constructor.getPrototypes(this.kernel, childExtendsID);
                    //var kernel = this.kernel.kernel.kernel;
                    var node;
        
                    if (this.state.isComponentNode(protos)) {
        
                        // Create the local copy of the node properties
                        if (this.state.nodes[childID] === undefined) {
                            this.state.nodes[childID] = this.state.createLocalNode(nodeID, childID, childExtendsID, childImplementsIDs,
                                childSource, childType, childIndex, childName, callback);
                        }
        
                        node = this.state.nodes[childID];
                        node.prototypes = protos;
        
                        //node.aframeObj = createAFrameObject(node);
                        node.aframeObj = this.state.setAFrameObject(node);
                        // addNodeToHierarchy(node);
        
                        //notifyDriverOfPrototypeAndBehaviorProps();
                    }
                },
        
                // -- initializingNode -------------------------------------------------------------------------
        
                //   initializingNode: function( nodeID, childID, childExtendsID, childImplementsIDs,
                //     childSource, childType, childIndex, childName ) {
        
                // },
        
                // -- deletingNode -------------------------------------------------------------------------
        
                deletingNode: function (nodeID) {
        
                    if (this.state.nodes[nodeID] !== undefined) {
        
                        var node = this.state.nodes[nodeID];
        
                        if (node.aframeObj.compName !== undefined) {
                            // removes and destroys object
                            node.aframeObj.el.removeAttribute(node.aframeObj.compName);
                            node.aframeObj = undefined;
                        }
        
                        delete this.state.nodes[nodeID];
                    }
        
                },
        
                // -- initializingProperty -----------------------------------------------------------------
        
                initializingProperty: function (nodeID, propertyName, propertyValue) {
        
                    var value = undefined;
                    var node = this.state.nodes[nodeID];
                    if (node !== undefined) {
                        value = this.settingProperty(nodeID, propertyName, propertyValue);
                    }
                    return value;
        
                },
        
                // -- creatingProperty ---------------------------------------------------------------------
        
                creatingProperty: function (nodeID, propertyName, propertyValue) {
                    return this.initializingProperty(nodeID, propertyName, propertyValue);
                },
        
        
                // -- settingProperty ----------------------------------------------------------------------
        
                settingProperty: function (nodeID, propertyName, propertyValue) {
        
                    let self = this;
                    var node = this.state.nodes[nodeID];
                    var value = undefined;
        
                    if (node && node.aframeObj && _self_.utility.validObject(propertyValue)) {
        
                        var aframeObject = node.aframeObj;
        
                        if (self.state.isComponentNodeDefinition(node.prototypes)) {
        
        
                            value = propertyValue;
                            switch (propertyName) {
        
                                default:
                                    value = undefined;
                                    break;
                            }
        
                        }
        
        
                        if (value === undefined && self.state.isComponentDefinition(node.prototypes)) {
        
                            value = propertyValue;
        
                            switch (propertyName) {
        
        
                                case "compName":
        
                                    break;
        
                                default:
                                    value = undefined;
                                    break;
                            }
                        }
        
                        if (value === undefined && self.state.isAViewOffsetCameraDefinition(node.prototypes)) {
                            if (aframeObject.el.getAttribute(aframeObject.compName)) {
        
                                value = propertyValue;
                                let parentNodeAF = aframeObject.el;
                                // let defs = ['fullWidth', 'fullHeight', 'xoffset', 'yoffset'];
        
                                // defs.forEach(element => {
                                //     element == propertyName ? parentNodeAF.setAttribute('viewoffset', element, propertyValue) :
                                //         value = undefined;
                                // })
        
                                switch (propertyName) {
        
                                    case "fullWidth":
                                        parentNodeAF.setAttribute('viewoffset', 'fullWidth', propertyValue);
                                        break;
        
                                    case "fullHeight":
                                        parentNodeAF.setAttribute('viewoffset', 'fullHeight', propertyValue);
                                        break;
        
                                    case "yoffset":
                                        parentNodeAF.setAttribute('viewoffset', 'yoffset', propertyValue);
                                        break;
        
                                    case "xoffset":
                                        parentNodeAF.setAttribute('viewoffset', 'xoffset', propertyValue);
                                        break;
        
        
                                    case "subcamWidth":
                                        parentNodeAF.setAttribute('viewoffset', 'width', propertyValue);
                                        break;
        
                                    case "subcamHeight":
                                        parentNodeAF.setAttribute('viewoffset', 'height', propertyValue);
                                        break;
        
                                    default:
                                        value = undefined;
                                        break;
                                }
        
        
                            }
                        }
        
        
                        // if (value === undefined && isARayCasterListenerDefinition(node.prototypes)) {
                        //     if (aframeObject.el.getAttribute(aframeObject.compName)) {
        
                        //         value = propertyValue;
                        //         let parentNodeAF = aframeObject.el;
        
        
                        //         switch (propertyName) {
        
                        //             default:
                        //                 value = undefined;
                        //                 break;
                        //         }
        
        
                        //     }
                        // }
        
                        if (value === undefined && self.state.isAShadowDefinition(node.prototypes)) {
                            if (aframeObject.el.getAttribute(aframeObject.compName)) {
        
                                value = propertyValue;
                                let parentNodeAF = aframeObject.el;
        
        
                                switch (propertyName) {
        
                                    case "cast":
                                        parentNodeAF.setAttribute('shadow', 'cast', propertyValue);
                                        break;
        
                                    case "receive":
                                        parentNodeAF.setAttribute('shadow', 'receive', propertyValue);
                                        break;
        
                                    default:
                                        value = undefined;
                                        break;
                                }
        
        
                            }
                        }
        
        
                        if (value === undefined && self.state.isAMaterialDefinition(node.prototypes)) {
                            if (aframeObject.el.getAttribute(aframeObject.compName)) {
        
                                value = propertyValue;
                                let parentNodeAF = aframeObject.el;
                                //let defs = ['color', 'transparent', 'opacity', 'side'];
        
                                self.aframeComponentDef['A-MATERIAL'].forEach(element => {
                                    element == propertyName ? parentNodeAF.setAttribute('material', element, propertyValue) :
                                        value = undefined;
                                })
                            }
                        }
        
                        if (value === undefined && self.state.isASoundDefinition(node.prototypes)) {
                            if (aframeObject.el.getAttribute(aframeObject.compName)) {
        
                                value = propertyValue;
                                let parentNodeAF = aframeObject.el;
                                //let defs = ['color', 'transparent', 'opacity', 'side'];
        
                                self.aframeComponentDef['A-SOUND'].forEach(element => {
                                    element == propertyName ? parentNodeAF.setAttribute('sound', element, propertyValue) :
                                        value = undefined;
                                })
                            }
                        }
        
                       
        
                        if (value === undefined && self.state.isAMirrorDefinition(node.prototypes)) {
                            if (aframeObject.el.getAttribute(aframeObject.compName)) {
        
                                value = propertyValue;
                                let parentNodeAF = aframeObject.el;
        
                                self.aframeComponentDef['mirror'].forEach(element => {
                                    element == propertyName ? parentNodeAF.setAttribute('mirror', element, propertyValue) :
                                        value = undefined;
                                })
                            }
                        }
        
                        if (value === undefined && self.state.isAAabbColliderDefinition(node.prototypes)) {
                            if (aframeObject.el.getAttribute(aframeObject.compName)) {
        
                                value = propertyValue;
                                let parentNodeAF = aframeObject.el;
                                //let defs = ['color', 'transparent', 'opacity', 'side'];
        
                                self.aframeComponentDef['aabb-collider'].forEach(element => {
                                    element == propertyName ? parentNodeAF.setAttribute('aabb-collider', element, propertyValue) :
                                        value = undefined;
                                })
                            }
                        }
        
                        if (value === undefined && self.state.isAFogDefinition(node.prototypes)) {
                            if (aframeObject.el.getAttribute(aframeObject.compName)) {
        
                                value = propertyValue;
                                let parentNodeAF = aframeObject.el;
                                let defs = ['fogType', 'fogColor', 'density', 'near', 'far'];
        
                                defs.forEach(element => {
                                    if (element == propertyName) {
        
                                        switch (element) {
        
                                            case 'fogType':
                                                parentNodeAF.setAttribute('fog', 'type', propertyValue);
                                                break;
        
                                            case 'fogColor':
                                                parentNodeAF.setAttribute('fog', 'color', propertyValue);
                                                break;
        
                                            default:
                                                value = parentNodeAF.setAttribute('fog', element, propertyValue);
                                                break;
                                        }
        
        
        
                                    } else {
                                        value = undefined
                                    }
                                    // element == propertyName ? parentNodeAF.setAttribute('fog', element, propertyValue) :
                                    //     value = undefined;
                                })
                            }
                        }
        
                        if (value === undefined && self.state.isARayCasterDefinition(node.prototypes)) {
                            if (aframeObject.el.getAttribute(aframeObject.compName)) {
        
                                value = propertyValue;
                                let parentNodeAF = aframeObject.el;
                                let defs = ['direction', 'far', 'interval', 'near', 'objects', 'origin', 'recursive', 'showLine', 'useWorldCoordinates'];
        
                                defs.forEach(element => {
                                    element == propertyName ? parentNodeAF.setAttribute('raycaster', element, propertyValue) :
                                        value = undefined;
                                })
                            }
                        }
        
                        if (value === undefined && self.state.isALinePathDefinition(node.prototypes)) {
                            if (aframeObject.el.getAttribute(aframeObject.compName)) {
        
                                value = propertyValue;
        
        
                                let parentNodeAF = aframeObject.el;
        
                                switch (propertyName) {
        
                                    case "color":
                                        parentNodeAF.setAttribute(aframeObject.compName, 'color', propertyValue);
                                        break;
        
                                    case "path":
                                        parentNodeAF.setAttribute(aframeObject.compName, 'path', propertyValue);
                                        break;
        
                                    case "width":
                                        parentNodeAF.setAttribute(aframeObject.compName, 'width', propertyValue);
                                        break;
        
                                    default:
                                        value = undefined;
                                        break;
        
        
                                }
        
                            }
                        }
        
                        //isALineDefinition(node.prototypes)
                        //if (value === undefined && node.componentName == 'line') { //isALineDefinition( node.prototypes )
                        if (node.extendsID == "proxy/aframe/lineComponent.vwf") {
                            if (value === undefined && aframeObject.el.getAttribute(aframeObject.compName)) {
        
                                value = propertyValue;
        
                                //let parentNodeAF = self.state.kernel.find(node.parentID);
        
                                // aframeObject.el.setAttribute('line', 'color')
                                let parentNodeAF = aframeObject.el;
        
                                switch (propertyName) {
        
                                    case "start":
        
                                        parentNodeAF.setAttribute(aframeObject.compName, { start: propertyValue });
                                        break;
        
                                    case "end":
        
                                        parentNodeAF.setAttribute(aframeObject.compName, { end: propertyValue });
                                        break;
        
                                    case "color":
        
                                        parentNodeAF.setAttribute(aframeObject.compName, 'color', propertyValue);
                                        break;
        
                                    case "opacity":
                                        parentNodeAF.setAttribute(aframeObject.compName, 'opacity', propertyValue);
                                        break;
        
                                    case "visible":
        
                                        parentNodeAF.setAttribute(aframeObject.compName, 'visible', propertyValue);
                                        break;
        
                                    default:
                                        value = undefined;
                                        break;
                                }
        
                            }
                        }
        
                        if (value === undefined && self.state.isAAnimMixerDefinition(node.prototypes)) {
                            if (aframeObject.el.getAttribute(aframeObject.compName)) {
                                value = propertyValue;
        
        
                                let parentNodeAF = aframeObject.el;
        
                                switch (propertyName) {
        
                                    case "clip":
                                        parentNodeAF.setAttribute(aframeObject.compName, 'clip', propertyValue);
                                        break;
        
                                    case "duration":
                                        parentNodeAF.setAttribute(aframeObject.compName, 'duration', propertyValue);
                                        break;
        
                                    case "crossFadeDuration":
                                        parentNodeAF.setAttribute(aframeObject.compName, 'crossFadeDuration', propertyValue);
                                        break;
        
                                    case "loop":
                                        parentNodeAF.setAttribute(aframeObject.compName, 'loop', propertyValue);
                                        break;
        
                                    case "repetitions":
                                        parentNodeAF.setAttribute(aframeObject.compName, 'repetitions', propertyValue);
                                        break;
        
                                    default:
                                        value = undefined;
                                        break;
        
        
                                }
        
                            }
                        }
        
                        if (value === undefined && self.state.isAInterpolationDefinition(node.prototypes)) {
                            if (aframeObject.el.getAttribute(aframeObject.compName)) {
        
                                value = propertyValue;
        
        
                                let parentNodeAF = aframeObject.el;
        
                                switch (propertyName) {
        
                                    case "enabled":
                                        parentNodeAF.setAttribute(aframeObject.compName, 'enabled', propertyValue);
                                        break;
        
                                    case "deltaPos":
                                        parentNodeAF.setAttribute(aframeObject.compName, 'deltaPos', propertyValue);
                                        break;
        
                                    case "deltaRot":
                                        parentNodeAF.setAttribute(aframeObject.compName, 'deltaRot', propertyValue);
                                        break;
                                    
                                    case "deltaScale":
                                        parentNodeAF.setAttribute(aframeObject.compName, 'deltaScale', propertyValue);
                                        break;
        
                                    default:
                                        value = undefined;
                                        break;
        
        
                                }
        
                            }
                        }
        
                        if (value === undefined && self.state.isAGizmoDefinition(node.prototypes)) {
                            if (aframeObject.el.getAttribute(aframeObject.compName)) {
        
                                value = propertyValue;
        
        
                                let parentNodeAF = aframeObject.el;
        
                                switch (propertyName) {
        
                                    case "mode":
                                        parentNodeAF.setAttribute(aframeObject.compName, 'mode', propertyValue);
                                        break;
        
                                    default:
                                        value = undefined;
                                        break;
        
        
                                }
        
                            }
                        }
        
        
        
        
        
                    }
        
                    return value;
        
                },
        
                // -- gettingProperty ----------------------------------------------------------------------
        
                gettingProperty: function (nodeID, propertyName, propertyValue) {
        
                    let self = this;
                    var node = this.state.nodes[nodeID];
                    var value = undefined;
                    if (node && node.aframeObj) {
        
                        var aframeObject = node.aframeObj;
        
                        if (self.state.isComponentNodeDefinition(node.prototypes)) {
                            switch (propertyName) {
                            }
                        }
        
                        if (value === undefined && self.state.isComponentDefinition(node.prototypes)) {
        
                            switch (propertyName) {
        
                                case "compName":
        
                                    break;
                            }
                        }
        
                        // isALineDefinition( node.prototypes ) aframeObject.compName == compName
        
        
        
                        if (value === undefined && self.state.isARayCasterDefinition(node.prototypes)) {
                            value = propertyValue;
        
                            let parentNodeAF = aframeObject.el;
                            let defs = ['direction', 'far', 'interval', 'near', 'objects', 'origin', 'recursive', 'showLine', 'useWorldCoordinates'];
        
                            defs.forEach(element => {
                                if (element == propertyName) {
                                    let val = parentNodeAF.getAttribute('raycaster').element;
                                    value = AFRAME.utils.coordinates.isCoordinates(val) ? AFRAME.utils.coordinates.stringify(val) : val
                                }
                            })
                        }
        
        
                        // if (value === undefined && isARayCasterListenerDefinition(node.prototypes)) {
                            
                        //         value = propertyValue;
                        //         let parentNodeAF = aframeObject.el;
        
                        //         switch (propertyName) {
        
                        //             default:
                        //                 value = undefined;
                        //                 break;
                        //         }
                        // }
        
        
                        if (value === undefined && self.state.isAFogDefinition(node.prototypes)) {
                            value = propertyValue;
        
                            let parentNodeAF = aframeObject.el;
                            let defs = ['fogType', 'color', 'density', 'near', 'far'];
        
                            defs.forEach(element => {
                                if (element == propertyName) {
        
        
                                    switch (element) {
        
                                        case 'fogType':
        
                                            value = parentNodeAF.getAttribute('fog').type;
                                            break;
        
                                        case 'fogColor':
        
                                            value = parentNodeAF.getAttribute('fog').color;
                                            break;
        
                                        default:
                                            value = parentNodeAF.getAttribute('fog').element;
                                            break;
        
                                    }
        
                                }
                            })
                        }
        
                        if (value === undefined && self.state.isAShadowDefinition(node.prototypes)) {
                            value = propertyValue;
        
                            // let parentNodeAF = self.state.nodes[node.parentID].aframeObj;
                            let parentNodeAF = aframeObject.el;
        
                            switch (propertyName) {
        
                                case "cast":
                                    value = parentNodeAF.getAttribute(aframeObject.compName).cast;
                                    break;
        
                                case "receive":
                                    value = parentNodeAF.getAttribute(aframeObject.compName).receive;
                                    break;
        
        
                            }
                        }
        
        
                        if (value === undefined && self.state.isALineDefinition(node.prototypes)) {
                            value = propertyValue;
        
                            // let parentNodeAF = self.state.nodes[node.parentID].aframeObj;
                            let parentNodeAF = aframeObject.el;
        
                            switch (propertyName) {
        
                                case "start":
        
                                    value = AFRAME.utils.coordinates.stringify(parentNodeAF.getAttribute(aframeObject.compName).start);
                                    break;
        
                                case "end":
                                    value = AFRAME.utils.coordinates.stringify(parentNodeAF.getAttribute(aframeObject.compName).end);
                                    break;
        
                                case "color":
                                    value = parentNodeAF.getAttribute(aframeObject.compName).color;
                                    break;
        
                                case "opacity":
                                    value = parentNodeAF.getAttribute(aframeObject.compName).opacity;
                                    break;
        
                                case "visible":
                                    value = parentNodeAF.getAttribute(aframeObject.compName).visible;
                                    break;
        
                            }
                        }
        
        
                        if (value === undefined && self.state.isAAnimMixerDefinition(node.prototypes)) {
                            value = propertyValue;
        
                            // let parentNodeAF = self.state.nodes[node.parentID].aframeObj;
                            let parentNodeAF = aframeObject.el;
        
                            switch (propertyName) {
        
                                case "clip":
                                    value = parentNodeAF.getAttribute(aframeObject.compName).clip;
                                    break;
        
                                case "duration":
                                    value = parentNodeAF.getAttribute(aframeObject.compName).duration;
                                    break;
        
                                case "crossFadeDuration":
                                    value = parentNodeAF.getAttribute(aframeObject.compName).crossFadeDuration;
                                    break;
        
                                case "loop":
                                    value = parentNodeAF.getAttribute(aframeObject.compName).loop;
                                    break;
        
                                case "repetitions":
                                    value = parentNodeAF.getAttribute(aframeObject.compName).repetitions;
                                    break;
        
                            }
        
                        }
        
                        if (value === undefined && self.state.isAMaterialDefinition(node.prototypes)) {
                            value = propertyValue;
        
                            // let parentNodeAF = self.state.nodes[node.parentID].aframeObj;
                            let parentNodeAF = aframeObject.el;
        
                            self.aframeComponentDef['A-MATERIAL'].forEach(element => {
                                if (element == propertyName) {
                                    value = parentNodeAF.getAttribute('material').element;
                                }
        
                            })
                        }
        
                        if (value === undefined && self.state.isASoundDefinition(node.prototypes)) {
                            value = propertyValue;
        
                            // let parentNodeAF = self.state.nodes[node.parentID].aframeObj;
                            let parentNodeAF = aframeObject.el;
        
                            self.aframeComponentDef['A-SOUND'].forEach(element => {
                                if (element == propertyName) {
                                    value = parentNodeAF.getAttribute('sound').element;
                                }
        
                            })
                        }
        
                        if (value === undefined && self.state.isAMirrorDefinition(node.prototypes)) {
                            value = propertyValue;
        
                            // let parentNodeAF = self.state.nodes[node.parentID].aframeObj;
                            let parentNodeAF = aframeObject.el;
        
                            self.aframeComponentDef['mirror'].forEach(element => {
                                if (element == propertyName) {
                                    value = parentNodeAF.getAttribute('mirror').element;
                                }
        
                            })
                        }
        
                        if (value === undefined && self.state.isAAabbColliderDefinition(node.prototypes)) {
                            value = propertyValue;
        
                            // let parentNodeAF = self.state.nodes[node.parentID].aframeObj;
                            let parentNodeAF = aframeObject.el;
        
                            self.aframeComponentDef['aabb-collider'].forEach(element => {
                                if (element == propertyName) {
                                    value = parentNodeAF.getAttribute('aabb-collider').element;
                                }
        
                            })
                        }
        
                        if (value === undefined && self.state.isALinePathDefinition(node.prototypes)) {
                            value = propertyValue;
        
                            // let parentNodeAF = self.state.nodes[node.parentID].aframeObj;
                            let parentNodeAF = aframeObject.el;
        
                            switch (propertyName) {
        
                                case "color":
                                    value = parentNodeAF.getAttribute(aframeObject.compName).color;
                                    break;
        
                                case "path":
                                    value = parentNodeAF.getAttribute(aframeObject.compName).path;
                                    break;
        
                                case "width":
                                    value = parentNodeAF.getAttribute(aframeObject.compName).width;
                                    break;
        
        
                            }
        
                        }
        
                        if (value === undefined && self.state.isAViewOffsetCameraDefinition(node.prototypes)) {
                            value = propertyValue;
        
                            // let parentNodeAF = self.state.nodes[node.parentID].aframeObj;
                            let parentNodeAF = aframeObject.el;
        
                            switch (propertyName) {
        
                                case "fullWidth":
                                    value = parentNodeAF.getAttribute(aframeObject.compName).fullWidth;
                                    break;
        
                                case "fullHeight":
                                    value = parentNodeAF.getAttribute(aframeObject.compName).fullHeight;
                                    break;
        
                                case "subcamWidth":
                                    value = parentNodeAF.getAttribute(aframeObject.compName).width;
                                    break;
        
                                case "subcamHeight":
                                    value = parentNodeAF.getAttribute(aframeObject.compName).height;
                                    break;
        
                                case "xoffset":
                                    value = parentNodeAF.getAttribute(aframeObject.compName).xoffset;
                                    break;
        
                                case "yoffset":
                                    value = parentNodeAF.getAttribute(aframeObject.compName).yoffset;
                                    break;
                            }
        
                        }
        
                        if (value === undefined && self.state.isAInterpolationDefinition(node.prototypes)) {
                            value = propertyValue;
        
                            // let parentNodeAF = self.state.nodes[node.parentID].aframeObj;
                            let parentNodeAF = aframeObject.el;
        
                            switch (propertyName) {
        
                                case "enabled":
                                    value = parentNodeAF.getAttribute(aframeObject.compName).enabled;
                                    break;
        
                                case "deltaPos":
                                    value = parentNodeAF.getAttribute(aframeObject.compName).deltaPos;
                                    break;
        
                                case "deltaRot":
                                    value = parentNodeAF.getAttribute(aframeObject.compName).deltaRot;
                                    break;
                                
                                case "deltaScale":
                                    value = parentNodeAF.getAttribute(aframeObject.compName).deltaScale;
                                    break;
        
                            }
        
                        }
        
                        if (value === undefined && self.state.isAGizmoDefinition(node.prototypes)) {
                            value = propertyValue;
        
                            // let parentNodeAF = self.state.nodes[node.parentID].aframeObj;
                            let parentNodeAF = aframeObject.el;
        
                            switch (propertyName) {
        
                                case "mode":
                                    value = parentNodeAF.getAttribute(aframeObject.compName).mode;
                                    break;
        
        
        
                            }
        
                        }
        
        
                    }
        
                    if (value !== undefined) {
                        propertyValue = value;
                    }
        
                    return value;
        
        
                }
        
            });

        }




    }

    export {
        AFrameComponentModel as default
    }