flok 0.0.12 → 0.0.14

data/app/drivers/chrome/spec/spec/controller_debug_spec.js

@@ -0,0 +1,16 @@
+//Testing the controller to make sure it gets properly attached to debug views
+
+QUnit.test("when if_controller_init is called with a view that has the debug flag on, it uses the DebugController", function(assert) {
+  //Setup prototypes html
+  $("body").append("<div id='prototypes'></div>")
+  if_init_view("my_test_view", {}, 1, ["main", "content"]);
+
+  //Create a controller that belongs to a debug view (it has data-debug='1')
+  if_controller_init(0, 1, "my_test_controller", {});
+
+  //Uses DebugController
+  assert.equal(cinstances[0].constructor, DebugController, "")
+
+  //Has the correct name
+  assert.equal(cinstances[0].name, "my_test_controller", "")
+});

data/app/drivers/chrome/spec/spec/debug_spec.js

@@ -0,0 +1,18 @@
+//Testing the debug view (when if_init_view is called without an existing prototype)
+
+QUnit.test("When if_init_view is called without a view, a view is forged", function(assert) {
+  //var done = assert.async();
+
+  $("body").append("<div id='prototypes'></div><div id='root'></div>")
+
+  if_init_view("my_test_view", {}, 0, ["main", "content"]);
+
+  //Should have 1 thing in the prototypes
+  assert.equal($("#prototypes .view[data-name='my_test_view']").length, 1, "Matches");
+
+  //It should have a spot named content
+  assert.equal($("#prototypes .view[data-name='my_test_view'] .spot[data-name='content']").length, 1, "Matches");
+
+  //Should not have a main spot though
+  assert.equal($("#prototypes .view[data-name='my_test_view'] .spot[data-name='main']").length, 0, "Matches");
+});

data/app/drivers/chrome/spec/spec/sel_scope_spec.js

@@ -0,0 +1,160 @@
+//Tests the $sel passed in a controller to make sure that it's scope
+//is limited to the view the controller is bound to and not sub controllers
+//or global controllers
+
+  QUnit.test("Controller selector cannot reach out of self", function(assert) {
+    var done = assert.async();
+
+    //Create a test controller
+    var TestController = function() {
+      this.base = FlokController; this.base(); self = this;
+
+      self.init = function() {
+        var matches = self.$sel("#root");
+        assert.equal(matches.length, 0, "Matches are 0");
+        done();
+      }
+    }
+
+    //Insert some HTML
+    $("body").html("              \
+      <div id='root'>             \
+        <div id='test'></div>     \
+      </div>                      \
+    ");
+
+    //Call the controllers init with a forged selector
+    $sel = $("#test");
+    var c = new TestController();
+    c.__initialize__(0, $sel, {});
+    c.init();
+  });
+
+  QUnit.test("Controller selector can select children that aren't in a spot", function(assert) {
+    var done = assert.async();
+
+    //Create a test controller
+    var TestController = function() {
+      this.base = FlokController; this.base(); self = this;
+
+      self.init = function() {
+        var matches = self.$sel("#hello");
+        assert.equal(matches.length, 1, "Matches are 1");
+        done();
+      }
+    }
+
+    //Insert some HTML
+    $("body").html("              \
+      <div id='root'>             \
+        <div id='test'>           \
+          <div id='hello'></div>  \
+        </div>                    \
+      </div>                      \
+    ");
+
+    //Call the controllers init with a forged selector
+    $sel = $("#test");
+    var c = new TestController();
+    c.__initialize__(0, $sel, {});
+    c.init();
+  });
+
+  QUnit.test("Controller selector can-not select children that are in a spot", function(assert) {
+    var done = assert.async();
+
+    //Create a test controller
+    var TestController = function() {
+      this.base = FlokController; this.base(); self = this;
+
+      self.init = function() {
+        var matches = self.$sel("h1");
+        assert.equal(matches.length, 0, "Matches are 0");
+        done();
+      }
+    }
+
+    //Insert some HTML
+    $("body").html("                      \
+      <div id='root'>                     \
+        <div id='test'>                   \
+          <div class='spot' id='hello'>   \
+            <h1>Title</h1>                \
+          </div>                          \
+        </div>                            \
+      </div>                              \
+    ");
+
+    //Call the controllers init with a forged selector
+    $sel = $("#test");
+    var c = new TestController();
+    c.__initialize__(0, $sel, {});
+    c.init();
+  });
+
+  QUnit.test("Controller selector can select spot themselves", function(assert) {
+    var done = assert.async();
+
+    //Create a test controller
+    var TestController = function() {
+      this.base = FlokController; this.base(); self = this;
+
+      self.init = function() {
+        var matches = self.$sel(".spot");
+        assert.equal(matches.length, 1, "Matches are 1");
+        done();
+      }
+    }
+
+    //Insert some HTML
+    $("body").html("                      \
+      <div id='root'>                     \
+        <div id='test'>                   \
+          <div class='spot' id='hello'>   \
+            <h1>Title</h1>                \
+          </div>                          \
+        </div>                            \
+      </div>                              \
+    ");
+
+    //Call the controllers init with a forged selector
+    $sel = $("#test");
+    var c = new TestController();
+    c.__initialize__(0, $sel, {});
+    c.init();
+  });
+
+  QUnit.test("Controller selector can select children that aren't in a spot but a sub-controller of a spot", function(assert) {
+    var done = assert.async();
+
+    //Create a test controller
+    var TestController = function() {
+      this.base = FlokController; this.base(); self = this;
+
+      self.init = function() {
+        var matches = self.$sel("h1");
+        assert.equal(matches.length, 1, "Matches are 1");
+        done();
+      }
+    }
+
+    //Insert some HTML
+    $("body").html("                      \
+      <div id='root'>                     \
+        <div id='test'>                   \
+          <div class='spot' id='hello'>   \
+            <div id='test2'>              \
+              <h1>Title</h1>              \
+            </div>                        \
+          </div>                          \
+        </div>                            \
+      </div>                              \
+    ");
+
+
+    //Call the controllers init with a forged selector
+    $sel = $("#test2");
+    var c = new TestController();
+    c.__initialize__(0, $sel, {});
+    c.init();
+});

data/app/drivers/chrome/spec/spec/vars_spec.js

@@ -0,0 +1,28 @@
+//Tests various control variables, like context
+
+  QUnit.test("Controller does receive context on explicit init", function(assert) {
+    var done = assert.async();
+
+    //Create a test controller
+    var TestController = function() {
+      this.base = FlokController; this.base(); self = this;
+
+      self.init = function() {
+        assert.equal(this.context.hello, "world", "Matches");
+        done();
+      }
+    }
+
+    //Insert some HTML
+    $("body").html("              \
+      <div id='root'>             \
+        <div id='test'></div>     \
+      </div>                      \
+    ");
+
+    //Call the controllers init with a forged selector
+    $sel = $("#test");
+    var c = new TestController();
+    c.__initialize__(0, $sel, {hello: 'world'});
+    c.init();
+  });

data/app/drivers/chrome/src/bench.js

@@ -0,0 +1,19 @@
+res = []
+function bench() {
+  for (var i = 0; i < 3000; ++i) {
+    var owner = tel_reg(true);
+    startRequest(owner);
+  }
+}
+
+function startRequest(owner) {
+  get_req(owner, "http://api.randomuser.me/", {}, function(info) {
+    console.log(info);
+    res.push(info);
+    var url = info.results[0].user.picture.thumbnail;
+    $("body").append("<img class='box' src='" + url + "' />");
+    tel_del(owner);
+  });
+
+  int_dispatch(0, "ping");
+}

data/app/drivers/chrome/src/controller.js

@@ -0,0 +1,164 @@
+//The prototype controller
+//////////////////////////////////////////////////////////////////////////////////////
+FlokController = function() {
+  //Called internally when the controller is initialized from a if_controller_init
+  this.__initialize__ = function(bp, $sel, context) {
+    this.bp = bp;
+    this.context = context;
+    this.$_sel = $sel;
+  }
+
+  this.$sel = function(str) {
+    //Oh boy this sucked to come up with...
+    //Do not allow selection of descendents of a spot
+    //Read it as "Select all sub elements matching query
+    //as long as they are not a descedente of a spot of this
+    //current selector (spots are in spots, and we might be 
+    //globally inside a spot, but the selector should ignore
+    //that and look for local spots inside the current selector)
+    return $(str, this.$_sel).not($(".spot *", this.$_sel));
+  }
+
+  //User defined init function
+  this.init = function() {
+  }
+
+  //Called after init automatically to apply special helper bindings
+  this.apply_helpers = function() {
+    var self = this;
+
+    //Emit an event
+    this.$sel("[data-emit]").on("click", function() {
+      var name = $(this).attr("data-emit");
+      self.send(name, {});
+    });
+
+    //Set the HTML
+    this.$sel("[data-puts]").each(function() {
+      var name = $(this).attr("data-puts");
+      $(this).html(self.context[name]);
+    });
+  }
+
+  //Send a message
+  this.send = function(name, info) {
+    int_dispatch([3, "int_event", this.bp, name, info]);
+  }
+
+  //Do nothing by default
+  this.action = function(from, to) {
+  }
+
+  //Do nothing by default
+  this.event = function(name, info) {
+  }
+}
+//////////////////////////////////////////////////////////////////////////////////////
+
+<% if @debug %>
+//Debug controller
+//////////////////////////////////////////////////////////////////////////////////////
+//Accepts name because we need to keep track of the controller's name
+var DebugController = function(name) {
+  this.base = FlokController; this.base(); var self = this;
+  this.name = name;
+
+  this.init = function() {
+    self.$sel("#controller_name").html(name);
+    self.$sel("#context").html(JSON.stringify(self.context));
+  }
+
+  this.action = function(from, to) {
+    self.$sel("#action_name").html(to);
+  }
+
+  this.event = function(name, info) {
+    self.$sel("#last_event .name").html(name);
+    self.$sel("#last_event .info").html(JSON.stringify(info));
+  }
+}
+//////////////////////////////////////////////////////////////////////////////////////
+<% end %>
+
+//Controller works with the ui module and segue module
+reg_controllers = {};
+
+//Should be called in your document ready before initialization of flok
+function regController(name, constructor) {
+  reg_controllers[name] = constructor;
+}
+
+//Keep track of active controllers
+var cinstances = {};
+
+function if_controller_init(bp, rvp, name, info) {
+  <% if @debug %>
+    if (if_ui_tp_to_selector[rvp].attr("data-debug") === '1') {
+      reg_controllers[name] = DebugController;
+    } else if (reg_controllers[name] === undefined) {
+      reg_controllers[name] = FlokController;
+    }
+  <% end %>
+
+  if (reg_controllers[name] != undefined) {
+    //Grab controller
+    var controller = reg_controllers[name];
+
+    //Get selector
+    var $sel = if_ui_tp_to_selector[rvp];
+
+    //If it is a debug view, pass some info along to it
+    <% if @debug %>
+      if (controller == DebugController) {
+        var c = new controller(name)
+      } else {
+        var c = new controller();
+      }
+    <% else %>
+      var c = new controller();
+    <% end %>
+
+    c.__initialize__(bp, $sel, info);
+    cinstances[bp] = c;
+
+    //Initialize
+    cinstances[bp].init();
+    cinstances[bp].apply_helpers(); //emit, puts
+  }
+}
+
+//Spec helpers
+//List all active controllers
+function if_spec_controller_list() {
+  var keys = Object.keys(cinstances).map(function(item) {
+    return parseInt(item, 10);
+  });
+
+  int_dispatch([1, "spec", keys]);
+}
+
+//Spec init controller
+function if_spec_controller_init() {
+  var TestController = function() {
+    this.base = FlokController; this.base(); self = this;
+
+    self.action = function(from, to) {
+      self.send("action_rcv", {from: from, to:to});
+    }
+
+    self.event = function(name, info) {
+      self.send("custom_rcv", {name:name, info:info})
+    }
+  }
+
+  //Register the new controller
+  $(document).ready(function() {
+    regController("__test__", TestController);
+  });
+}
+
+//!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+//Controller events are handled in if_event.js
+//!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+
+//Controller destruction is in ui.js under 'delete cinstances'

data/app/drivers/chrome/src/debug.js

@@ -0,0 +1,75 @@
+//Global debug hash
+debug_assoc = {}
+
+function if_debug_assoc(base, key, value) {
+  if (debug_assoc[base] === undefined) {
+    debug_assoc[base] = {};
+  }
+
+  debug_assoc[base][key] = value;
+}
+
+function if_debug_highlight_view(vp, on) {
+  //Get the view or spot
+  var $e = if_ui_tp_to_selector[vp];
+
+  if ($e) {
+    if (on) {
+      $e.css("background-color", "blue");
+      $e.css("-webkit-filter", "invert(75%)");
+    } else {
+      $e.css("background-color", "");
+      $e.css("-webkit-filter", "");
+    }
+  }
+}
+
+function if_debug_spec_assoc(base, key) {
+  int_dispatch([1, "spec", debug_assoc[base][key]])
+} 
+
+
+function if_debug_spec_send_int_event() {
+  int_dispatch([0, "spec"]);
+} 
+
+//Debug server
+//Automatically launch debug server
+$(document).ready(function() {
+  debug_socket = io("http://localhost:9999");
+  debug_socket.on("attach", function() {
+    debug_socket_if_forward = true;
+    debug_socket_int_forward = true;
+
+    //Swizzle int_dispatch
+    _int_dispatch = int_dispatch;
+    int_dispatch = function(q) {
+      if (debug_socket && debug_socket_int_forward) {
+        debug_socket.emit("int_dispatch", q);
+      } else {
+        _int_dispatch(q);
+      }
+    }
+
+    //Forward all int_dispatch events received from the debug server directly to the kernel
+    debug_socket.on("int_dispatch", function(msg) {
+      debug_socket_int_forward = false;
+      int_dispatch(msg);
+      debug_socket_int_forward = true;
+    });
+
+    //Forward all if_dispatch events directly to the driver
+    debug_socket.on("if_dispatch", function(msg) {
+      debug_socket_if_forward = false;
+      if_dispatch(msg);
+      debug_socket_if_forward = true;
+    });
+  });
+});
+
+//When forwading events to if_dispatch, if_dispatch will
+//normally send those events back to to the server, but
+//these originated from the server, so they should always
+//be *actually* sent to the if_dispatch interface
+debug_socket_if_forward = false;
+debug_socket_int_forward = false;