feat: Add core/Component.js

Having a generic component base allows us to reduce redundancy in
renderables and component. E.g. currently Mesh and DOMElement (and
potentially all future renderables) have a _requestUpdate method.

Abstracting this out into a core component encapsulates functionality
commonly used by most components.

Author: alexanderGugel

core/Component.js

@@ -0,0 +1,71 @@
+/**
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2015 Famous Industries Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+ * THE SOFTWARE.
+ */
+
+'use strict';
+
+/**
+ * An abstract component meant to be subclassed.
+ *
+ * @class Component
+ * @constructor
+ * @abstract
+ *
+ * @param {Node} node Node to which the component should be added.
+ */
+function Component(node) {
+    this._node = node;
+    this._id = this._node.addComponent(this);
+    this._requestingUpdate = false;
+}
+
+/**
+ * Requests a new update from the Node. This results into the component's
+ * `onUpdate` method being called on the next
+ *
+ * @method _requestUpdate
+ * @protected
+ *
+ * @return {undefined} undefined
+ */
+Component.prototype._requestUpdate = function _requestUpdate () {
+    if (!this._requestingUpdate && this.onUpdate) {
+        this._node.requestUpdate(this._id);
+        this._requestingUpdate = true;
+    }
+};
+
+/**
+ * A method that will be invoked by the Node after the component has been
+ * updated. Resets the `_requestUpdate` flag.
+ *
+ * @method onUpdated
+ * @private
+ *
+ * @return {undefined} undefined
+ */
+Component.prototype.onUpdated = function onUpdated () {
+    this._requestingUpdate = false;
+};
+
+module.exports = Component;

core/FamousEngine.js

@@ -1,18 +1,18 @@
 /**
  * The MIT License (MIT)
- * 
+ *
  * Copyright (c) 2015 Famous Industries Inc.
- * 
+ *
  * Permission is hereby granted, free of charge, to any person obtaining a copy
  * of this software and associated documentation files (the "Software"), to deal
  * in the Software without restriction, including without limitation the rights
  * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
  * copies of the Software, and to permit persons to whom the Software is
  * furnished to do so, subject to the following conditions:
- * 
+ *
  * The above copyright notice and this permission notice shall be included in
  * all copies or substantial portions of the Software.
- * 
+ *
  * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
  * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
  * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
@@ -143,7 +143,13 @@ FamousEngine.prototype._update = function _update () {
 
     while (queue.length) {
         item = queue.shift();
-        if (item && item.onUpdate) item.onUpdate(time);
+        if (item && item.onUpdate) {
+            item.onUpdate(time);
+
+            if (item.onUpdated) {
+                item.onUpdated(time);
+            }
+        }
     }
 
     this._inUpdate = false;

core/Node.js

@@ -1396,7 +1396,11 @@ Node.prototype.update = function update (time){
 
     while (queue.length) {
         item = this._components[queue.shift()];
-        if (item && item.onUpdate) item.onUpdate(time);
+        if (item && item.onUpdate) {
+            item.onUpdate(time);
+
+            if (item.onUpdated) item.onUpdated(time);
+        }
     }
 
     var mySize = this.getSize();

core/index.js

@@ -26,6 +26,7 @@
 
 module.exports = {
     Clock: require('./Clock'),
+    Component: require('./Component'),
     Event: require('./Event'),
     Scene: require('./Scene'),
     FamousEngine: require('./FamousEngine'),