nested-plugins.js

function App() {
  this.views = {};
  this.plugins = [];
}

App.prototype.use = function (fn) {
  var plugin = fn(this);
  if (typeof plugin === 'function') {
    this.plugins.push(plugin.bind(this));
  }
  return this;
};

App.prototype.create = function (name) {
  var views = this.views[name] = new Views();
  var self = this;
  this.plugins.forEach(function (fn) {
    views.use(fn.bind(this));
  });
  return views;
};

function Views() {
  this.items = {};
  this.plugins = [];
}

Views.prototype.use = function (fn) {
  var plugin = fn.call(this, this);
  if (typeof plugin === 'function') {
    this.plugins.push(plugin);
  }
  return this;
};

Views.prototype.addView = function (val) {
  var item = this.items[val.path] = new View(val);
  item.addView = this.addView.bind(this);
  var self = this;
  this.plugins.forEach(function (fn) {
    item.use(fn.bind(this));
  }.bind(this));
  return item;
};


function View(view) {
  view = view || {};
}

View.prototype.use = function (fn) {
  fn(this);
  return this;
};

View.prototype.set = function (key, value) {
  this[key] = value;
  return this;
};


var app = new App();

app.use(function plugin(app) {
    console.log('app')
    console.log(app)
    return function (collection) {
      console.log('collection')
      return function (view) {
        console.log('view')
      }
    }
  })
  .create('pages')
  .addView({path: 'foo'})
  .addView({path: 'bar'})
  .addView({path: 'baz'})