luca 0.9.2 → 0.9.4

data/vendor/assets/javascripts/luca-ui-development-tools.js

@@ -17243,28 +17243,8 @@ if (!CodeMirror.mimeModes.hasOwnProperty("text/css"))
 })();
 (function() {
 
-  _.def("Luca.tools.ClassBrowser")["extends"]("Luca.containers.SplitView")["with"]({
-    name: "class_browser",
-    className: "luca-class-browser row",
-    layout: ["span3", "span9"],
-    components: ["class_browser_list", "class_browser_detail"],
-    componentEvents: {
-      "class_browser_list component:loaded": "loadSourceCode"
-    },
-    bottomToolbar: {
-      buttons: [
-        {
-          label: "Add New",
-          icon: "plus",
-          color: "primary",
-          white: true,
-          align: 'right'
-        }
-      ]
-    },
-    loadSourceCode: function(model, response) {
-      return Luca("class_browser_detail").loadComponent(model);
-    }
+  _.def("Luca.tools.ApplicationInspector")["extends"]("Luca.core.Container")["with"]({
+    name: "application_inspector"
   });
 
 }).call(this);
@@ -17654,6 +17634,7 @@ if (!CodeMirror.mimeModes.hasOwnProperty("text/css"))
 
   _.def("Luca.tools.CoffeeEditor")["extends"]("Luca.tools.CodeMirrorField")["with"]({
     name: "coffeescript_editor",
+    autoCompile: true,
     compileOptions: {
       bare: true
     },
@@ -17662,7 +17643,7 @@ if (!CodeMirror.mimeModes.hasOwnProperty("text/css"))
       var editor;
       this.options = options;
       Luca.tools.CodeMirrorField.prototype.initialize.apply(this, arguments);
-      _.bindAll(this, "editorChange");
+      _.bindAll(this, "editorChange", "toggleSource");
       editor = this;
       this.state = new Luca.Model({
         currentMode: "coffeescript",
@@ -17677,10 +17658,17 @@ if (!CodeMirror.mimeModes.hasOwnProperty("text/css"))
           return model.set('javascript', compiled);
         });
       });
-      return this.state.bind("change:javascript", function(model) {
+      this.state.bind("change:javascript", function(model) {
         var _ref;
         return (_ref = editor.onJavascriptChange) != null ? _ref.call(editor, model.get('javascript')) : void 0;
       });
+      return this.state.bind("change:currentMode", function(model) {
+        if (model.get('currentMode') === "javascript") {
+          return editor.setValue(model.get('javascript'));
+        } else {
+          return editor.setValue(model.get('coffeescript'));
+        }
+      });
     },
     compile: function(code, callback) {
       var compiled, response;
@@ -17702,17 +17690,33 @@ if (!CodeMirror.mimeModes.hasOwnProperty("text/css"))
         };
       }
     },
+    toggleMode: function() {
+      if (this.currentMode() === "coffeescript") {
+        return this.state.set('currentMode', 'javascript');
+      } else if (this.currentMode() === "javascript") {
+        return this.state.set('currentMode', 'coffeescript');
+      }
+    },
     currentMode: function() {
       return this.state.get("currentMode");
     },
-    fixTabs: function() {
-      var value;
-      value = this.getValue(false);
-      debugger;
+    getCoffeescript: function() {
+      return this.state.get("coffeescript");
+    },
+    getJavascript: function(recompile) {
+      var js, results;
+      if (recompile == null) recompile = false;
+      js = this.state.get("javascript");
+      if (recompile === true || (js != null ? js.length : void 0) === 0) {
+        results = this.compile(this.getCoffeescript());
+        js = results != null ? results.compiled : void 0;
+      }
+      return js;
     },
     editorChange: function() {
-      this.fixTabs();
-      return this.state.set(this.currentMode(), this.getValue());
+      if (this.autoCompile === true) {
+        return this.state.set(this.currentMode(), this.getValue());
+      }
     }
   });
 
@@ -17724,6 +17728,95 @@ if (!CodeMirror.mimeModes.hasOwnProperty("text/css"))
     className: "collection-inspector"
   });
 
+}).call(this);
+(function() {
+
+  _.def('Luca.app.Components')["extends"]('Luca.Collection')["with"]({
+    cachedMethods: ["namespaces", "classes", "roots", "views", "collections", "models"],
+    cache_key: "luca_components",
+    name: "components",
+    initialize: function() {
+      this.model = Luca.app.Component;
+      return Luca.Collection.prototype.initialize.apply(this, arguments);
+    },
+    url: function() {
+      return "/luca/source-map.js";
+    },
+    collections: function() {
+      return this.select(function(component) {
+        return Luca.isCollectionPrototype(component.definition());
+      });
+    },
+    modelClasses: function() {
+      return this.select(function(component) {
+        return Luca.isModelPrototype(component.definition());
+      });
+    },
+    views: function() {
+      return this.select(function(component) {
+        return Luca.isViewPrototype(component.definition());
+      });
+    },
+    classes: function() {
+      return _.uniq(this.pluck("className"));
+    },
+    roots: function() {
+      return _.uniq(this.invoke("root"));
+    },
+    namespaces: function() {
+      return _.uniq(this.invoke("namespace"));
+    },
+    asTree: function() {
+      var classes, namespaces, roots, tree;
+      classes = this.classes();
+      namespaces = this.namespaces();
+      roots = this.roots();
+      tree = _(roots).inject(function(memo, root) {
+        var regexp;
+        memo[root] || (memo[root] = {});
+        regexp = new RegExp("^" + root);
+        memo[root] = _(namespaces).select(function(namespace) {
+          return regexp.exec(namespace) && _(namespaces).include(namespace) && namespace.split('.').length === 2;
+        });
+        return memo;
+      }, {});
+      return _(tree).inject(function(memo, namespaces, root) {
+        memo[root] = {};
+        _(namespaces).each(function(namespace) {
+          return memo[root][namespace] = {};
+        });
+        return memo;
+      }, {});
+    }
+  });
+
+}).call(this);
+(function() {
+
+  _.def("Luca.app.Instances")["extends"]("Luca.Collection")["with"]({
+    name: "instances",
+    refresh: function(options) {
+      var models;
+      if (options == null) options = {};
+      models = _(Luca.registry.instances()).map(function(instance) {
+        return {
+          cid: instance.cid,
+          name: instance.name,
+          ctype: instance.ctype,
+          displayName: instance.displayName || instance.prototype.displayName,
+          object: instance
+        };
+      });
+      return this.reset(models, options);
+    },
+    initialize: function(initialModels, options) {
+      if (initialModels == null) initialModels = [];
+      this.options = options != null ? options : {};
+      this.model = Luca.app.Instance;
+      return Luca.Collection.prototype.initialize.apply(this, arguments);
+    }
+  });
+
 }).call(this);
 (function() {
   var ComponentPicker, bufferNames, compiledBuffers, defaults;
@@ -17791,9 +17884,23 @@ if (!CodeMirror.mimeModes.hasOwnProperty("text/css"))
   });
 
   _.def("Luca.tools.ComponentTester")["extends"]("Luca.core.Container")["with"]({
+    id: "component_tester",
     name: "component_tester",
-    className: "span11",
     autoEvaluateCode: true,
+    currentSize: 1,
+    sizes: [
+      {
+        icon: "resize-full",
+        value: function() {
+          return $(window).height() * 0.3;
+        }
+      }, {
+        icon: "resize-small",
+        value: function() {
+          return $(window).height() * 0.6;
+        }
+      }
+    ],
     components: [
       {
         ctype: 'card_view',
@@ -17811,11 +17918,6 @@ if (!CodeMirror.mimeModes.hasOwnProperty("text/css"))
         name: "ctester_edit",
         className: 'font-large fixed-height',
         minHeight: '350px',
-        styles: {
-          "position": "absolute",
-          "bottom": "0px",
-          "width": "96%"
-        },
         currentBuffers: defaults,
         compiledBuffers: ["component", "setup", "implementation"],
         topToolbar: {
@@ -17947,11 +18049,6 @@ if (!CodeMirror.mimeModes.hasOwnProperty("text/css"))
     afterRender: function() {
       var changeHandler,
         _this = this;
-      this.getOutput().applyStyles({
-        'min-height': '400px'
-      });
-      this.$('.toolbar-container').css('padding-right', '12px');
-      this.$('.luca-ui-toolbar.toolbar-bottom').css('margin', '0px');
       changeHandler = _.idleMedium(function() {
         if (_this.autoEvaluateCode === true) return _this.applyTestRun();
       }, 500);
@@ -18049,20 +18146,6 @@ if (!CodeMirror.mimeModes.hasOwnProperty("text/css"))
       button.html(_.string.capitalize((newMode === "coffeescript" ? "View Javascript" : "View Coffeescript")));
       return this.editBuffer(this.currentBufferName, newMode === "javascript");
     },
-    currentSize: 1,
-    sizes: [
-      {
-        icon: "resize-full",
-        value: function() {
-          return $(window).height() * 0.3;
-        }
-      }, {
-        icon: "resize-small",
-        value: function() {
-          return $(window).height() * 0.6;
-        }
-      }
-    ],
     toggleSize: function(button) {
       var iconHolder, index, newIcon, newSize;
       index = this.currentSize++ % this.sizes.length;
@@ -18212,116 +18295,7 @@ if (!CodeMirror.mimeModes.hasOwnProperty("text/css"))
 
 }).call(this);
 (function() {
-
-  _.def("Luca.tools.ClassBrowserDetail")["extends"]('Luca.core.Container')["with"]({
-    components: [
-      {
-        ctype: "code_editor"
-      }
-    ],
-    loadComponent: function(model) {
-      this.components[0].compiled = void 0;
-      return this.components[0].editor.setValue(model.get('source'));
-    }
-  });
-
-}).call(this);
-(function() {
-
-  _.def("Luca.tools.ClassBrowserList")["extends"]("Luca.View")["with"]({
-    tagName: "ul",
-    className: "nav nav-list class-browser-list",
-    autoBindEventHandlers: true,
-    events: {
-      "click li.namespace a": "namespaceClickHandler",
-      "click li.className a": "classClickHandler"
-    },
-    initialize: function(options) {
-      this.options = options != null ? options : {};
-      return this.deferrable = this.collection = new Luca.collections.Components();
-    },
-    collapseAllNamespaceLists: function() {
-      return this.$('ul.classList').collapse('hide');
-    },
-    namespaceClickHandler: function(e) {
-      var classList, me, my;
-      me = my = $(e.target);
-      classList = my.siblings('.classList');
-      return classList.collapse('toggle');
-    },
-    classClickHandler: function(e) {
-      var className, list, me, model, my;
-      e.preventDefault();
-      me = my = $(e.currentTarget);
-      className = my.data('component');
-      list = this;
-      model = this.collection.detect(function(component) {
-        return component.get("className") === className;
-      });
-      if (model && !model.get("contents")) {
-        return model.fetch({
-          success: _.once(function(model, response) {
-            return list.trigger("component:loaded", model, response);
-          })
-        });
-      }
-    },
-    afterRender: function() {
-      var _ref;
-      this.collapseAllNamespaceLists();
-      return (_ref = Luca.View.prototype.afterRender) != null ? _ref.apply(this, arguments) : void 0;
-    },
-    attach: _.once(Luca.View.prototype.$attach),
-    render: function() {
-      var data, tree;
-      tree = this;
-      data = this.collection.asTree();
-      _(data).each(function(namespace, root) {
-        var li, namespaceElements, namespaceList, target, ul;
-        target = tree.make("a", {}, root);
-        li = tree.make("li", {
-          "class": "root"
-        }, target);
-        namespaceList = _(namespace).keys();
-        namespaceElements = _(namespaceList).map(function(namespace) {
-          var classElements, classId, classes, cul, nli, resolved;
-          classId = namespace.toLowerCase().replace(/\./g, '-');
-          target = tree.make("a", {}, namespace);
-          nli = tree.make("li", {
-            "class": "namespace " + classId
-          }, target);
-          resolved = Luca.util.resolve(namespace, window || global);
-          classes = _(resolved).keys();
-          classElements = _(classes).map(function(componentClass) {
-            var fullName, link;
-            fullName = "" + namespace + "." + componentClass;
-            link = tree.make("a", {
-              "data-component": fullName
-            }, fullName);
-            classId = fullName.toLowerCase().replace(/\./g, '-');
-            return tree.make("li", {
-              "class": "className " + classId
-            }, link);
-          });
-          cul = tree.make("ul", {
-            "class": "classList"
-          }, classElements);
-          $(nli).append(cul);
-          return nli;
-        });
-        ul = tree.make("ul", {
-          "class": "namespace"
-        }, namespaceElements);
-        $(li).append(ul);
-        return tree.$append(li);
-      });
-      return this.attach();
-    }
-  });
-
-}).call(this);
-(function() {
-  var codeMirrorOptions;
+  var codeMirrorOptions, _base;
 
   codeMirrorOptions = {
     readOnly: true,
@@ -18346,12 +18320,11 @@ if (!CodeMirror.mimeModes.hasOwnProperty("text/css"))
     components: [
       {
         ctype: "code_mirror_field",
+        additionalClassNames: "clearfix",
         name: "code_output",
         readOnly: true,
         lineNumbers: false,
         mode: "javascript",
-        height: "621px",
-        maxHeight: "621px",
         lineWrapping: true,
         gutter: false
       }, {
@@ -18384,9 +18357,16 @@ if (!CodeMirror.mimeModes.hasOwnProperty("text/css"))
         }
       }
     ],
+    afterRender: function() {
+      this.$container().modal({
+        backdrop: false
+      });
+      return this.$container.css;
+    },
     show: function(options) {
       if (options == null) options = {};
-      return this.$el.addClass('modal').modal(options);
+      this.$container().modal('show');
+      return this;
     },
     getContext: function() {
       return window;
@@ -18485,16 +18465,49 @@ if (!CodeMirror.mimeModes.hasOwnProperty("text/css"))
     }
   });
 
+  (_base = Luca.util).launchers || (_base.launchers = {});
+
+  Luca.util.launchers.developmentConsole = function(name) {
+    var _this = this;
+    if (name == null) name = "luca-development-console";
+    this._lucaDevConsole = Luca(name, function() {
+      var console;
+      _this.$el.append(Backbone.View.prototype.make("div", {
+        id: "" + name + "-wrapper",
+        "class": "modal fade"
+      }));
+      console = new Luca.tools.DevelopmentConsole({
+        name: name,
+        container: "#" + name + "-wrapper"
+      });
+      return console.render();
+    });
+    return this._lucaDevConsole.show();
+  };
+
 }).call(this);
 (function() {
 
-  _.def("Luca.models.Component")["extends"]("Luca.Model")["with"]({
-    url: function() {
-      return "/components?component=" + (this.get('className'));
-    },
+  _.def("Luca.app.Component")["extends"]("Luca.Model")["with"]({
     root: function() {
       return this.get("className").split('.')[0];
     },
+    className: function() {
+      return this.get("className");
+    },
+    instances: function() {
+      return Luca.registry.findInstancesByClassName(this.className());
+    },
+    definitionPrototype: function() {
+      var _ref;
+      return (_ref = this.definition()) != null ? _ref.prototype : void 0;
+    },
+    parentClasses: function() {
+      return Luca.parentClasses(this.className());
+    },
+    definition: function() {
+      return Luca.util.resolve(this.className());
+    },
     namespace: function() {
       var parts;
       if (this.get("className") == null) return "";
@@ -18504,56 +18517,15 @@ if (!CodeMirror.mimeModes.hasOwnProperty("text/css"))
     }
   });
 
-  _.def('Luca.collections.Components')["extends"]('Luca.Collection')["with"]({
-    model: Luca.models.Component,
-    cachedMethods: ["namespaces", "classes", "roots"],
-    cache_key: "luca_components",
-    name: "components",
-    url: function() {
-      return "/luca/components";
-    },
-    initialize: function(models, options) {
-      Luca.Collection.cache(this.cache_key, Luca.registry.classes());
-      return Luca.Collection.prototype.initialize.apply(this, arguments);
-    },
-    classes: function() {
-      return _.uniq(this.pluck("className"));
-    },
-    roots: function() {
-      return _.uniq(this.invoke("root"));
-    },
-    namespaces: function() {
-      return _.uniq(this.invoke("namespace"));
-    },
-    asTree: function() {
-      var classes, namespaces, roots, tree;
-      classes = this.classes();
-      namespaces = this.namespaces();
-      roots = this.roots();
-      tree = _(roots).inject(function(memo, root) {
-        var regexp;
-        memo[root] || (memo[root] = {});
-        regexp = new RegExp("^" + root);
-        memo[root] = _(namespaces).select(function(namespace) {
-          return regexp.exec(namespace) && _(namespaces).include(namespace) && namespace.split('.').length === 2;
-        });
-        return memo;
-      }, {});
-      return _(tree).inject(function(memo, namespaces, root) {
-        memo[root] = {};
-        _(namespaces).each(function(namespace) {
-          return memo[root][namespace] = {};
-        });
-        return memo;
-      }, {});
-    }
-  });
-
 }).call(this);
 (function() {
-  Luca.templates || (Luca.templates = {});
-  Luca.templates["component_tester/help"] = function(obj){var __p=[],print=function(){__p.push.apply(__p,arguments);};with(obj||{}){__p.push('<h1>Component Tester</h1>\n<p>This is a tool that enables you to build and test Luca components in an isolated sandbox environment.  The editor is currently enabled with vim keybindings</p>\n<h3>Setup</h3>\n<p>This is where you setup any data requirements needed for the test to work.  This is run every time before the implementation code is ran.</p>\n<h3>Teardown</h3>\n<p>This is where you clean up after the tests.  This will be run every time after the implementation code is ran.</p>\n<h3>Definitions</h3>\n<p>This is where you define the component you will be testing.  This is usually the code you will be shipping once you have completed testing.</p>\n<h3>Implementation</h3>\n<p>This is where you create an instance of the component and specify any of the necessary configuration settings. The component will be rendered into the output panel of the component tester.</p>\n');}return __p.join('');};
+
+  _.def("Luca.app.Instance")["extends"]("Luca.Model")["with"]({
+    version: 1
+  });
+
 }).call(this);
+(function() {Luca.templates || (Luca.templates = {}); Luca.templates["component_tester/help"] = function(obj){var __p=[],print=function(){__p.push.apply(__p,arguments);};with(obj||{}){__p.push('<h1>Component Tester</h1>\n<p>This is a tool that enables you to build and test Luca components in an isolated sandbox environment.  The editor is currently enabled with vim keybindings</p>\n<h3>Setup</h3>\n<p>This is where you setup any data requirements needed for the test to work.  This is run every time before the implementation code is ran.</p>\n<h3>Teardown</h3>\n<p>This is where you clean up after the tests.  This will be run every time after the implementation code is ran.</p>\n<h3>Definitions</h3>\n<p>This is where you define the component you will be testing.  This is usually the code you will be shipping once you have completed testing.</p>\n<h3>Implementation</h3>\n<p>This is where you create an instance of the component and specify any of the necessary configuration settings. The component will be rendered into the output panel of the component tester.</p>\n');}return __p.join('');}; }).call(this);
 (function() {