Grunt - WIP

Author: teddyzeenny

.gitignore

@@ -0,0 +1,2 @@
+node_modules/
+tmp/

.jshintrc

@@ -0,0 +1,54 @@
+{
+  "predef": [
+    "Ember",
+    "chrome",
+    "Conductor",
+    "$",
+    "define",
+    "console",
+    "alert",
+    "require",
+    "requireModule",
+    "equal",
+    "notEqual",
+    "notStrictEqual",
+    "test",
+    "asyncTest",
+    "testBoth",
+    "testWithDefault",
+    "raises",
+    "throws",
+    "deepEqual",
+    "start",
+    "stop",
+    "ok",
+    "strictEqual",
+    "module",
+    "process",
+    "expect"
+  ],
+  "node" : false,
+  "browser" : true,
+  "boss" : true,
+  "curly": false,
+  "debug": false,
+  "devel": false,
+  "eqeqeq": true,
+  "evil": true,
+  "forin": false,
+  "immed": false,
+  "laxbreak": false,
+  "newcap": true,
+  "noarg": true,
+  "noempty": false,
+  "nonew": false,
+  "nomen": false,
+  "onevar": false,
+  "plusplus": false,
+  "regexp": false,
+  "undef": true,
+  "sub": true,
+  "strict": false,
+  "white": false,
+  "eqnull": true
+}

Gruntfile.js

@@ -0,0 +1,67 @@
+module.exports = function(grunt) {
+  require('matchdep')
+  .filterDev('grunt-*')
+  .filter(function(name){ return name !== 'grunt-cli'; })
+  .forEach(grunt.loadNpmTasks);
+
+  grunt.initConfig({
+    pkg: grunt.file.readJSON('package.json'),
+    transpile: {
+      main: {
+        type: "amd",
+        files: [{
+          expand: true,
+          cwd: 'app/',
+          src: ['**/*.js'],
+          dest: 'tmp/public/ember_extension'
+        }]
+      }
+    },
+    clean: ['tmp'],
+    ember_handlebars: {
+      compile: {
+        options: {
+          processName: function(filename) {
+            return filename.replace(/app\/templates\//,'').replace(/\.handlebars$/,'');
+          }
+        },
+        files: {
+          "tmp/public/ember_extension/templates.js": "app/templates/*.handlebars"
+        }
+      }
+    },
+    jshint: {
+      all: {
+        src: [
+          'Gruntfile.js',
+          'tmp/public/**/*.js',
+          '!tmp/public/ember_extension.js',
+          '!tmp/public/vendor',
+          '!tmp/public/test.js'
+        ],
+        options: {
+          jshintrc: '.jshintrc'
+        }
+      }
+    },
+    concat: {
+      main: {
+        src: ['tmp/public/ember_extension/**/*.js'],
+        dest: 'tmp/public/ember_extension.js'
+      }
+    },
+    watch: {
+      scripts: {
+        files: ['app/**', 'vendor/**'],
+        tasks: ['build']
+        // ,
+        // options: {
+        //   nospawn: true
+        // }
+      }
+    }
+  });
+
+  grunt.registerTask('build', ['clean', 'ember_handlebars', 'transpile', 'jshint', 'concat']);
+
+};

README.md

@@ -0,0 +1,8 @@
+import "resolver" as Resolver;
+
+var App = Ember.Application.extend({
+  modulePrefix: '',
+  resolver: Resolver
+});
+
+export = App;

app/application.js

@@ -0,0 +1,27 @@
+var ApplicationController = Ember.Controller.extend({
+  needs: ['mixinStack', 'mixinDetails'],
+
+  pushMixinDetails: function(name, property, objectId, details) {
+    details = { name: name, property: property, objectId: objectId, mixins: details };
+    this.get('controllers.mixinStack').pushObject(details);
+    this.set('controllers.mixinDetails.model', details);
+  },
+
+  popMixinDetails: function() {
+    var mixinStack = this.get('controllers.mixinStack');
+    var item = mixinStack.popObject();
+    this.set('controllers.mixinDetails.model', mixinStack.get('lastObject'));
+    window.releaseObject(item.objectId);
+  },
+
+  activateMixinDetails: function(name, details, objectId) {
+    var objects = this.get('controllers.mixinStack').forEach(function(item) {
+      window.releaseObject(item.objectId);
+    });
+
+    this.set('controllers.mixinStack.model', []);
+    this.pushMixinDetails(name, undefined, objectId, details);
+  }
+});
+
+export = ApplicationController;

app/controllers/application.js

@@ -0,0 +1,20 @@
+var MixinDetailController = Ember.ObjectController.extend({
+  needs: ['mixinDetails'],
+
+  isExpanded: function() {
+    return this.get('model.name') === 'Own Properties';
+  }.property('model.name'),
+
+  digDeeper: function(property) {
+    var objectId = this.get('controllers.mixinDetails.objectId');
+    window.digDeeper(objectId, property);
+  },
+
+  calculate: function(property) {
+    var objectId = this.get('controllers.mixinDetails.objectId');
+    var mixinIndex = this.get('controllers.mixinDetails.mixins').indexOf(this.get('model'));
+    window.calculate(objectId, property, mixinIndex);
+  }
+});
+
+export = MixinDetailController;

app/controllers/mixin_detail.js

@@ -0,0 +1,3 @@
+var MixinDetailsController = Ember.ObjectController.extend();
+
+export = MixinDetailsController;

app/controllers/mixin_details.js

@@ -0,0 +1,19 @@
+var MixinStackController = Ember.ArrayController.extend({
+  needs: ['application'],
+
+  trail: function() {
+    var nested = this.slice(1);
+    if (nested.length === 0) { return ""; }
+    return "." + nested.mapProperty('property').join(".");
+  }.property('[]'),
+
+  isNested: function() {
+    return this.get('length') > 1;
+  }.property('[]'),
+
+  popStack: function() {
+    this.get('controllers.application').popMixinDetails();
+  }
+});
+
+export = MixinStackController;

app/controllers/mixin_stack.js

@@ -0,0 +1,18 @@
+var ViewTreeController = Ember.Controller.extend({
+  showLayer: function(node) {
+    this.set('pinnedNode', null);
+    window.showLayer(node.value.objectId);
+  },
+
+  hideLayer: function(node) {
+    if (!this.get('pinnedNode')) {
+      window.hideLayer(node.value.objectId);
+    }
+  },
+
+  pinLayer: function(node) {
+    this.set('pinnedNode', node);
+  }
+});
+
+export = ViewTreeController;