eyeballs 0.3.2

data/src/o_O.js

@@ -0,0 +1,286 @@
+var o_O = function(){
+
+  var bind_to;
+  var object_to_bind_to = arguments[2];
+  bind_to = (object_to_bind_to) ? object_to_bind_to : window;
+
+  if(typeof arguments[1] === 'object')
+  {
+    var controller_name = arguments[0];
+    bind_to[controller_name] = o_O.controller.initialize(controller_name, arguments[1]);
+    return bind_to[controller_name];
+  }
+
+  if(typeof arguments[1] === 'function')
+  {
+    
+    var model_name = arguments[0];
+    var model_initializer = arguments[1];
+    bind_to[model_name] = o_O.model.initialize(model_name, model_initializer);
+    
+    if(typeof o_O.models !== 'object')
+    {
+      o_O.models = {};
+    }
+    o_O.models[model_name] = bind_to[model_name];
+    
+    return bind_to[model_name];
+  }
+}
+
+o_O.model = {
+  adapter: false,
+  initialize: function(model_name, callback){
+    var callback = callback;
+    var class_methods, instance_methods, initializer_methods;
+    var validates_presence_of, validates_length_of;
+    var table_name = model_name.toLowerCase() + 's';
+  
+    class_methods = {
+      validations: {presence: [], lengthliness: [], custom: []},
+      methods: {},
+      validates_presence_of: function(field){
+        this.validations.presence.push({field: field});
+      },
+      validates_length_of: function(field, options){
+        options.field = field;
+        this.validations.lengthliness.push(options);
+      },
+      validates: function(validation){
+        this.validations.custom.push(validation)
+      }
+    }
+  
+    var run_callback = function(callback, method, args){
+      try{
+        if(typeof callback === 'function' && method === 'success')
+        {
+          callback(args);
+        }
+        if(typeof callback === 'object' && typeof callback[method] === 'function')
+        {
+          callback[method](args);
+        }
+      }
+      catch(e)
+      {
+        if(typeof console === 'object')
+        {
+          console.log(e);
+        }
+        else
+        {
+          alert(e);
+        }
+      }
+    }  
+
+    var config = callback(class_methods);
+    instance_methods = {
+      adapter: o_O.model.adapter,
+      destroy: function(callback){
+        run_callback(callback, 'loading', this)
+        if(this.adapter)
+        {
+          this.adapter.destroy(this, function(returned_object){
+            run_callback(callback, 'success', returned_object);
+          });
+        }
+        else
+        {
+          run_callback(callback, 'success', this)
+        }
+        return this;
+      },
+      model_name: model_name,
+      save: function(callback){
+        if(this.valid())
+        {
+          run_callback(callback, 'loading', this);
+          if(this.adapter)
+          {
+            var model = this;
+            this.adapter.save(this, function(returned_object){
+              var initialized_object = o_O.models[model.model_name].initialize(returned_object);
+              initialized_object.new_record = false;
+              run_callback(callback, 'success', initialized_object);
+            });
+          }
+          else
+          {
+            run_callback(callback, 'success', this);
+          }
+          return this;
+        }
+        else
+        {
+          run_callback(callback, 'invalid', this);
+        }
+      },
+      table_name: table_name,
+      to_json: function(){
+        var serialized_object = {};
+        for(var i = 0; i < this.attributes.length; i++);
+        {
+          var index = i - 1;
+          var attribute_name = this.attributes[index];
+          serialized_object[this.attributes[index]] = this[this.attributes[index]];
+        }
+        serialized_object._model_name = this.model_name;
+        return JSON.stringify(serialized_object);
+      },
+      update_attributes: function(attributes, callback){
+        for(var attribute in attributes)
+        {
+          this[attribute] = attributes[attribute];
+        }
+        this.save(callback);
+      },
+      valid: function(){
+        this.errors = [];
+        
+        o_O.validations.run(this);
+
+        if(this.errors.length == 0)
+        {
+          return true;
+        }
+        else
+        {
+          return false;
+        }
+      },
+      errors: [],
+      validations: class_methods.validations
+    }
+    for(method in class_methods.methods)
+    {
+      instance_methods[method] = class_methods.methods[method]
+    }
+  
+    initializer_methods = {
+      adapter: o_O.model.adapter,
+      all: function(callback){
+        if(this.adapter)
+        {
+          return this.adapter.all(this, callback);
+        }
+      },
+      initialize: function(attributes){
+        if(!attributes) { var attributes = {}; };
+        var initialized_attributes = [];
+        for( var attribute in attributes )
+        {
+          initialized_attributes.push(attribute);
+        }
+        attributes['attributes'] = initialized_attributes;
+        for ( var method in instance_methods ) {
+          attributes[method] = instance_methods[method];
+        }
+        if(!attributes['id'])
+        {
+          attributes['id'] = o_O.uuid();
+        }
+        if(!attributes['new_record'])
+        {
+          attributes['new_record'] = true;
+        }
+        return attributes;
+      },
+      find: function(id, callback){
+        if(this.adapter)
+        {
+          var model = this;
+          return this.adapter.find(this, id, function(returned_object){
+            if(typeof callback === 'function')
+            {
+              found_object = model.initialize(returned_object);
+              if(!found_object['new_record'])
+              {
+                found_object['new_record'] = false;
+              }
+              callback(found_object);
+            }
+          });
+        }
+      },
+      model_name: model_name,
+      table_name: table_name
+    }
+  
+    return initializer_methods;
+  }
+}
+
+o_O.validations = {
+  run: function(object){
+    this.run_custom_validations(object);
+    this.run_length_validations(object);
+    this.run_presence_validations(object);
+  },
+  run_custom_validations: function(object){
+    for(var i = 0; i < object.validations.custom.length; i++)
+    {
+      object.validations.custom[i](object);
+    }
+  },
+  run_length_validations: function(object){
+    for(var i = 0; i < object.validations.lengthliness.length; i++)
+    {
+      var field = object.validations.lengthliness[i].field;
+      var max = object.validations.lengthliness[i].max
+      var min = object.validations.lengthliness[i].min
+      if(object[field])
+      {
+        if(max && object[field].length > max)
+        {
+          var message = field + ' should be less than ' + max + ' characters';
+          object.errors.push({field: field, type: 'length', message: message});
+        }
+        if(min && object[field].length < min)
+        {
+          var message = field + ' should be greater than ' + min + ' characters';
+          object.errors.push({field: field, type: 'length', message: message});
+        }
+      }
+    }
+  },
+  run_presence_validations: function(object){
+    for(var i = 0; i < object.validations.presence.length; i++)
+    {
+      var field = object.validations.presence[i].field;
+      if(object[field] == '' || object[field] == null)
+      {
+        var message = field + ' should be present';
+        object.errors.push({field: field, type: 'presence', message: message})
+      }
+    }
+  }
+}
+
+o_O.config = {}
+o_O.templates = {}
+
+o_O._uuid_default_prefix = '';
+
+o_O._uuidlet = function () {
+  return(((1+Math.random())*0x10000)|0).toString(16).substring(1);
+};
+
+o_O.uuid = function (p) {
+  if (typeof(p) == 'object' && typeof(p.prefix) == 'string') {
+    o_O._uuid_default_prefix = p.prefix;
+  } else {
+    p = p || o_O._uuid_default_prefix || '';
+    return(p+o_O._uuidlet()+o_O._uuidlet()+"-"+o_O._uuidlet()+"-"+o_O._uuidlet()+"-"+o_O._uuidlet()+"-"+o_O._uuidlet()+o_O._uuidlet()+o_O._uuidlet());
+  };
+};
+
+o_O.alert_errors = function(object){
+  var error_message = '';
+  for(i = 0; i < object.errors.length; i++)
+  {
+    error_message = error_message + object.errors[i].message + "\n";
+  }
+  alert(error_message);
+}

data/src/o_O.localstorage.js

@@ -0,0 +1,60 @@
+if(typeof localStorage === 'object')
+{
+  // We're storing locally, baby!
+  o_O.localstorage = {
+    all: function(model, callback){
+      var all_objects = []
+      for(var record in this.table(model))
+      {
+        all_objects.push(this.table(model)[record]);
+      }
+      if(typeof callback === 'function')
+      {
+        callback(all_objects);
+      }
+      return all_objects;
+    },
+    destroy: function(object, callback){
+      var table = this.table(object)
+      delete table[object.id]
+      localStorage.setItem(object.table_name, JSON.stringify(table))
+      if(typeof callback === 'function')
+      {
+        callback(object)
+      }
+    },
+    save: function(object, callback)
+    {
+      var all = this.table(object)
+      all[object.id] = object;
+      localStorage.setItem(object.table_name, JSON.stringify(all))
+      if(typeof callback === 'function')
+      {
+        callback(object);
+      }
+    },
+    table: function(object)
+    {
+      var all;
+      var stored_all = localStorage.getItem(object.table_name);
+      if(stored_all == null)
+      {
+        return {};
+      }
+      else
+      {
+        return JSON.parse(stored_all);
+      }
+    },
+    find: function(model, id, callback)
+    {
+      var object = this.table(model)[id]
+      object.id = id;
+      if(typeof callback === 'function')
+      {
+        callback(object);
+      }
+      return object;
+    }
+  }
+}

data/templates/app_root/index.html

@@ -0,0 +1,26 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
+  "http://www.w3.org/TR/html4/loose.dtd">
+<html>
+  <head>
+    <meta http-equiv="Content-type" content="text/html; charset=utf-8">
+    <title>Welcome to eyeballs.js</title>
+  </head>
+  
+  <body>
+    <h2>Welcome to eyeballs.js</h2>
+
+    <p>A world of javascript goodness awaits!</p>
+    
+    <p>As you add models and controllers, don't forget to include them!</p>
+    
+    <script src="vendor/jquery/jquery-1.4.2.min.js"></script>
+    <script src="vendor/jquery/jquery.livequery.js"></script>
+    <script src="vendor/jquery/mustache.js"></script>
+    <script src="vendor/eyeballs/o_O.js"></script>
+    <script src="vendor/eyeballs/jquery.o_O.js"></script>
+    <script src="vendor/eyeballs/o_O.localstorage.js"></script>
+    <script type="text/javascript" charset="utf-8">
+      o_O.model.adapter = o_O.localstorage;
+    </script>
+  </body>
+</html>

data/templates/controller.js

@@ -0,0 +1,3 @@
+o_O('<%= name.capitalize -%>Controller', {
+  
+})

data/templates/model.js

@@ -0,0 +1,3 @@
+o_O('<%= name.capitalize %>', function(<%= name.downcase %>){
+  
+})

data/templates/scaffold_controller.js

@@ -0,0 +1,75 @@
+o_O('<%= name.capitalize.pluralize -%>Controller', {
+  index: function(){
+    <%= name.capitalize %>.all(function(<%= name.downcase.pluralize %>){
+      for(var id in <%= name.downcase.pluralize %>)
+      {
+        var <%= name.downcase %> = <%= name.downcase.pluralize %>[id];
+        o_O.render('<%= name.downcase.pluralize %>/_<%= name.downcase %>', <%= name.downcase %>, {append: 'div#<%= name.pluralize %>'})
+      }
+    });
+  },
+  new: function(){  
+    o_O.render('<%= name.downcase.pluralize %>/new', {}, {before: 'div#<%= name.pluralize %>'})
+  },
+  create: function(){
+    var <%= name.downcase %> = <%= name.capitalize %>.initialize(o_O.params($(this)));
+    var form = $(this);
+    <%= name.downcase %>.save({
+      invalid: function(<%= name.downcase %>){
+        o_O.alert_errors(<%= name.downcase %>);
+      },
+      success: function(<%= name.downcase %>){
+        o_O.render('<%= name.downcase.pluralize %>/_<%= name.downcase %>', <%= name.downcase %>, {prepend: 'div#<%= name.downcase.pluralize %>'});
+        form.find('input[type=text], textarea').val('');
+      }
+    })
+  },
+  edit: function(){
+    <%= name.downcase %>_div = $(this).parents('div.<%= name.downcase %>');
+    review = <%= name.capitalize %>.find(<%= name.downcase %>_div.attr('data-id'), function(<%= name.downcase %>){
+      o_O.get_template('<%= name.downcase.pluralize %>/edit', <%= name.downcase %>, function(data, template){
+        edit_<%= name.downcase %> = Mustache.to_html(template, data);
+        <%= name.downcase %>_div.hide().after(edit_<%= name.downcase %>);
+      });
+    });
+  },
+  cancel_edit: function(){
+    edit_<%= name.downcase %>_div = $(this).parents('div.edit-<%= name.downcase %>');
+    <%= name.downcase %>_div = edit_<%= name.downcase %>_div.prev('div.<%= name.downcase %>:first');
+    edit_<%= name.downcase %>_div.remove();
+    <%= name.downcase %>_div.show();
+  },
+  update: function(){
+    edit_<%= name.downcase %>_div = $(this).parents('div.edit-<%= name.downcase %>');
+    review_div = edit_<%= name.downcase %>_div.prev('div.<%= name.downcase %>:first');
+    var form = $(this)
+    <%= name.capitalize %>.find(form.attr('data-id'), function(<%= name.capitalize %>){
+      if(<%= name.capitalize %>.valid())
+      {
+        <%= name.capitalize %>.update_attributes(o_O.params(form), function(updated_<%= name.downcase %>){
+          o_O.get_template('<%= name.downcase.pluralize %>/_<%= name.downcase %>', updated_<%= name.downcase %>, function(data, template){ 
+            var template = Mustache.to_html(template, data);
+            edit_<%= name.downcase %>_div.replaceWith(template);
+            <%= name.downcase %>_div.remove();
+          });
+        });
+      }
+      else
+      {
+         o_O.alert_errors(<%= name.downcase %>);
+      }
+    });
+  },
+  destroy: function(){
+    if(confirm('Are You sure?'))
+    {
+      $(this).parents('div.<%= name.downcase %>:first').slideToggle(function(){
+        var div = $(this);
+        <%= name.capitalize %>.find($(this).attr('data-id'), function(<%= name.downcase %>){
+          <%= name.downcase %>.destroy();
+          div.remove();
+        });
+      });
+    }
+  },
+});